household preview

lilith · Aug 16, 2023 · 9e88028 · 9e88028
1 parent 0f67166
commit 9e88028
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -3,6 +3,10 @@
 	import './styles.css';
 </script>
 
+<svelte:head>
+	<title>Playdate</title>
+	<meta name="description" content="Playdate app" />
+</svelte:head>
 <div class="app">
 	<!-- <Header /> -->
 	<main>

diff --git a/src/routes/household/+page.svelte b/src/routes/household/+page.svelte
@@ -256,10 +256,6 @@
 	}
 </script>
 
-<svelte:head>
-	<title>Household</title>
-	<meta name="description" content="Playdate app" />
-</svelte:head>
 <div>
 	<Modal showModal={showClickToTextLink}>
 		<h2 slot="header">Pre-filled SMS Invite</h2>
@@ -369,6 +365,12 @@
 			Everything you enter on this page is shared with your Circle. Don't enter sensitive
 			information.
 		</p>
+		{#if $page.data.householdInfo.name}
+			<p class="subtitle-2">
+				Click <a href={`/household/${householdId}`} class="link">here</a> to see what your circle can
+				see.
+			</p>
+		{/if}
 		<p class="subtitle">Kids</p>
 		{#each kids as kid, ind}
 			<div class="card">
@@ -459,6 +461,10 @@
 </div>
 
 <style>
+	.link {
+		text-decoration: underline;
+		color: #4578ff;
+	}
 	.sms {
 		background: #6ad36a;
 		color: white;
@@ -530,9 +536,6 @@
 		font-weight: 400;
 		font-size: 20px;
 		line-height: 30px;
-		display: flex;
-		align-items: center;
-
 		color: #5a5a5a;
 	}
 

diff --git a/src/routes/household/[householdId]/+page.svelte b/src/routes/household/[householdId]/+page.svelte
@@ -7,10 +7,6 @@
 	const { householdInfo: household, authorized } = data;
 </script>
 
-<svelte:head>
-	<title>Household</title>
-	<meta name="description" content="Playdate app" />
-</svelte:head>
 <div class:mb={authorized} class:full-screen={!authorized}>
 	<NavBar pageName={household.name} />
 	{#if authorized}