Tweaks to navigation

src/app/components/MenuSpaces.svelte

@@ -7,15 +7,12 @@
   import SpaceAvatar from "@app/components/SpaceAvatar.svelte"
   import RelayName from "@app/components/RelayName.svelte"
   import RelayDescription from "@app/components/RelayDescription.svelte"
-  import SpaceCreateExternal from "@app/components/SpaceCreateExternal.svelte"
-  import SpaceInviteAccept from "@app/components/SpaceInviteAccept.svelte"
+  import SpaceAdd from "@app/components/SpaceAdd.svelte"
   import {userMembership, getMembershipUrls, PLATFORM_RELAY} from "@app/state"
   import {makeSpacePath} from "@app/routes"
   import {pushModal} from "@app/modal"
 
-  const startCreate = () => pushModal(SpaceCreateExternal)
-
-  const startJoin = () => pushModal(SpaceInviteAccept)
+  const addSpace = () => pushModal(SpaceAdd)
 </script>
 
 <div class="column menu gap-2">
@@ -28,7 +25,7 @@
       </CardButton>
     </Link>
     <Divider />
-  {:else}
+  {:else if getMembershipUrls($userMembership).length > 0}
     {#each getMembershipUrls($userMembership) as url (url)}
       <Link href={makeSpacePath(url)}>
         <CardButton>
@@ -38,29 +35,13 @@
         </CardButton>
       </Link>
     {/each}
-    {#if getMembershipUrls($userMembership).length > 0}
-      <Divider />
-    {/if}
+    <Divider />
   {/if}
-  <Button on:click={startJoin}>
+  <Button on:click={addSpace}>
     <CardButton>
       <div slot="icon"><Icon icon="login-2" size={7} /></div>
-      <div slot="title">Join a space</div>
-      <div slot="info">Enter an invite code or url to join an existing space.</div>
-    </CardButton>
-  </Button>
-  <Link href="/discover">
-    <CardButton>
-      <div slot="icon"><Icon icon="compass" size={7} /></div>
-      <div slot="title">Find a space</div>
-      <div slot="info">Browse spaces on the discover page.</div>
-    </CardButton>
-  </Link>
-  <Button on:click={startCreate}>
-    <CardButton>
-      <div slot="icon"><Icon icon="add-circle" size={7} /></div>
-      <div slot="title">Create a space</div>
-      <div slot="info">Just a few questions and you'll be on your way.</div>
+      <div slot="title">Add a space</div>
+      <div slot="info">Join or create a new space</div>
     </CardButton>
   </Button>
 </div>