diff --git a/pages/[user]/[type].tsx b/pages/[user]/[type].tsx index 3e5a201d..0a2399e9 100644 --- a/pages/[user]/[type].tsx +++ b/pages/[user]/[type].tsx @@ -153,98 +153,185 @@ 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..6e91c4b6 --- /dev/null +++ b/public/calendso-logo-white-word.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/public/calendso-logo-word.svg b/public/calendso-logo-word.svg new file mode 100644 index 00000000..4a01ade1 --- /dev/null +++ b/public/calendso-logo-word.svg @@ -0,0 +1,41 @@ + + + + + +