From 443febac8df7539bcd49aa5a7d2240895b204bf7 Mon Sep 17 00:00:00 2001 From: Bailey Pumfleet Date: Wed, 31 Mar 2021 21:10:53 +0100 Subject: [PATCH] Add more empty states --- components/Shell.tsx | 2 +- pages/[user].tsx | 12 +++++++++--- pages/[user]/[type].tsx | 4 ++-- pages/[user]/book.tsx | 4 ++-- pages/index.tsx | 5 +++++ pages/success.tsx | 4 ++-- 6 files changed, 21 insertions(+), 10 deletions(-) diff --git a/components/Shell.tsx b/components/Shell.tsx index a5b93598b3..bf52e692d2 100644 --- a/components/Shell.tsx +++ b/components/Shell.tsx @@ -56,7 +56,7 @@ export default function Shell(props) {
{ diff --git a/pages/[user].tsx b/pages/[user].tsx index d423f1fbb9..54cb78f5eb 100644 --- a/pages/[user].tsx +++ b/pages/[user].tsx @@ -17,20 +17,26 @@ export default function User(props) { return (
- {props.user.name} | Calendso + {props.user.name || props.user.username} | Calendso
- Avatar -

{props.user.name}

+ {props.user.avatar && Avatar} +

{props.user.name || props.user.username}

{props.user.bio}

    {eventTypes}
+ {eventTypes.length == 0 && +
+

Uh oh!

+

This user hasn't set up any event types yet.

+
+ }
diff --git a/pages/[user]/[type].tsx b/pages/[user]/[type].tsx index fb140590ec..276452bcb3 100644 --- a/pages/[user]/[type].tsx +++ b/pages/[user]/[type].tsx @@ -89,7 +89,7 @@ export default function Type(props) { return (
- {props.eventType.title} | {props.user.name} | Calendso + {props.eventType.title} | {props.user.name || props.user.username} | Calendso @@ -97,7 +97,7 @@ export default function Type(props) {
- Avatar + {props.user.avatar && Avatar}

{props.user.name}

{props.eventType.title}

diff --git a/pages/[user]/book.tsx b/pages/[user]/book.tsx index 914a4e53f0..0c38b0b6ec 100644 --- a/pages/[user]/book.tsx +++ b/pages/[user]/book.tsx @@ -32,7 +32,7 @@ export default function Book(props) { return (

- Confirm your {props.eventType.title} with {props.user.name} | Calendso + Confirm your {props.eventType.title} with {props.user.name || props.user.username} | Calendso @@ -40,7 +40,7 @@ export default function Book(props) {
- Avatar + {props.user.avatar && Avatar}

{props.user.name}

{props.eventType.title}

diff --git a/pages/index.tsx b/pages/index.tsx index 90dad23879..002171e2c4 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -65,6 +65,11 @@ export default function Home(props) {

)} + {props.credentials.length == 0 && +
+

You haven't added any integrations.

+
+ }
diff --git a/pages/success.tsx b/pages/success.tsx index 38a86865a3..46c6843659 100644 --- a/pages/success.tsx +++ b/pages/success.tsx @@ -11,7 +11,7 @@ export default function Success(props) { return(
- Booking Confirmed | {props.eventType.title} with {props.user.name} | Calendso + Booking Confirmed | {props.eventType.title} with {props.user.name || props.user.username} | Calendso @@ -33,7 +33,7 @@ export default function Success(props) {

- You are scheduled in with {props.user.name}. + You are scheduled in with {props.user.name || props.user.username}.