From 44e5158941f40938be52fd04d1587781e3dc306d Mon Sep 17 00:00:00 2001 From: Peer Richelsen Date: Fri, 7 May 2021 19:18:41 +0100 Subject: [PATCH] added powered by calendso --- pages/[user]/[type].tsx | 262 ++++++++++++++++++---------- public/calendso-logo-white-word.svg | 41 +++++ 2 files changed, 214 insertions(+), 89 deletions(-) create mode 100644 public/calendso-logo-white-word.svg diff --git a/pages/[user]/[type].tsx b/pages/[user]/[type].tsx index 3e5a201d..817b8bd5 100644 --- a/pages/[user]/[type].tsx +++ b/pages/[user]/[type].tsx @@ -153,98 +153,182 @@ export default function Type(props) { ); return ( -
- - {props.eventType.title} | {props.user.name || props.user.username} | Calendso - - +
+ + + {props.eventType.title} | {props.user.name || props.user.username} | + Calendso + + + -
-
-
-
- {props.user.avatar && Avatar} -

{props.user.name}

-

{props.eventType.title}

-

- - {props.eventType.length} minutes -

- - {isTimeOptionsOpen && -
-
-
Time Options
-
- - - am/pm - - - Use setting - - - 24h - - -
-
- setSelectedTimeZone(value)} className="mb-2 shadow-sm focus:ring-blue-500 focus:border-blue-500 mt-1 block w-full sm:text-sm border-gray-300 rounded-md" /> -
- } -

{props.eventType.description}

-
-
-
- {dayjs().month(selectedMonth).format("MMMM YYYY")} -
- - -
-
-
-
Sun
-
Mon
-
Tue
-
Wed
-
Thu
-
Fri
-
Sat
- {calendar} -
-
- {selectedDate &&
-
- {dayjs(selectedDate).format("dddd DD MMMM YYYY")} -
- {!loading ? availableTimes :
} -
} +
+
+
+
+ {props.user.avatar && ( + Avatar + )} +

{props.user.name}

+

+ {props.eventType.title} +

+

+ + {props.eventType.length} minutes +

+ + {isTimeOptionsOpen && ( +
+
+
Time Options
+
+ + + am/pm + + + Use setting + + + 24h + + +
+ setSelectedTimeZone(value)} + className="mb-2 shadow-sm focus:ring-blue-500 focus:border-blue-500 mt-1 block w-full sm:text-sm border-gray-300 rounded-md" + /> +
+ )} +

+ {props.eventType.description} +

+
+
+
+ + {dayjs().month(selectedMonth).format("MMMM YYYY")} + +
+ + +
-
-
+
+
+ Sun +
+
+ Mon +
+
+ Tue +
+
+ Wed +
+
+ Thu +
+
+ Fri +
+
+ Sat +
+ {calendar} +
+
+ {selectedDate && ( +
+
+ + {dayjs(selectedDate).format("dddd DD MMMM YYYY")} + +
+ {!loading ? availableTimes :
} +
+ )} +
+
+ {/* note(peer): + you can remove calendso branding here, but we'd also appreciate it, if you don't <3 + */} +
+ + + powered by{" "} + Calendso Logo + + +
+ + ); } diff --git a/public/calendso-logo-white-word.svg b/public/calendso-logo-white-word.svg new file mode 100644 index 00000000..c1cf6431 --- /dev/null +++ b/public/calendso-logo-white-word.svg @@ -0,0 +1,41 @@ + + + + + +