Composite access gates

dfx.json

@@ -143,10 +143,7 @@
     },
     "website": {
       "build": "",
-      "source": [
-        "frontend/app/build",
-        "frontend/app/public"
-      ],
+      "source": ["frontend/app/build", "frontend/app/public"],
       "type": "assets"
     },
     "sns_governance": {
@@ -195,23 +192,17 @@
       }
     },
     "ic": {
-      "providers": [
-        "https://ic0.app/"
-      ],
+      "providers": ["https://ic0.app/"],
       "type": "persistent"
     },
     "ic_test": {
-      "providers": [
-        "https://ic0.app/"
-      ],
+      "providers": ["https://ic0.app/"],
       "type": "persistent"
     },
     "web_test": {
-      "providers": [
-        "https://ic0.app/"
-      ],
+      "providers": ["https://ic0.app/"],
       "type": "persistent"
     }
   },
   "version": 1
-}
+}

frontend/app/src/components/ErrorMessage.svelte

@@ -9,7 +9,8 @@
 <style lang="scss">
     .error {
         @include font(book, normal, fs-80);
-        color: var(--error);
         margin-bottom: $sp3;
+        background-color: var(--error);
+        padding: $sp3 $sp4;
     }
 </style>

frontend/app/src/components/Input.svelte

@@ -135,7 +135,7 @@
         }
 
         &.invalid {
-            border: 1px solid var(--error);
+            border: var(--bw) solid var(--error);
         }
 
         &::placeholder {

frontend/app/src/components/MatchingUser.svelte

@@ -42,7 +42,10 @@
                 {searchTerm}
                 me={user.userId === $createdUser.userId}
                 username={user.displayName ?? user.username} />
-            <Badges diamondStatus={user.diamondStatus} streak={client.getStreak(user.userId)} />
+            <Badges
+                uniquePerson={user.isUniquePerson}
+                diamondStatus={user.diamondStatus}
+                streak={client.getStreak(user.userId)} />
         </h4>
         <div class="username">
             <FilteredUsername {searchTerm} username={"@" + user.username} />

frontend/app/src/components/ModalContent.svelte

@@ -98,7 +98,7 @@
     {#if !hideHeader}
         <div class="header">
             <h4>
-                <slot name="header" />
+                <slot {onClose} name="header" />
             </h4>
             {#if closeIcon}
                 <span title={$_("close")} class="close" class:rtl={$rtlStore} on:click={onClose}>
@@ -111,12 +111,12 @@
     {/if}
     {#if !hideBody}
         <div class="body" class:fill>
-            <slot name="body" />
+            <slot {onClose} name="body" />
         </div>
     {/if}
     {#if !hideFooter}
         <div class="footer" class:rtl={$rtlStore} class:compact={compactFooter}>
-            <slot name="footer">
+            <slot {onClose} name="footer">
                 <Button on:click={onClose} small={!$mobileWidth} tiny={$mobileWidth}>
                     <Translatable resourceKey={i18nKey("close")} />
                 </Button>

frontend/app/src/components/Select.svelte

@@ -12,9 +12,11 @@
     <select class:invalid class:margin {disabled} bind:value class={`select`} on:change>
         <slot />
     </select>
-    <div class="icon">
-        <MenuDown color={"var(--primary)"} size="1.8em" />
-    </div>
+    {#if !disabled}
+        <div class="icon">
+            <MenuDown color={"var(--primary)"} size="1.8em" />
+        </div>
+    {/if}
 </div>
 
 <style lang="scss">
@@ -65,7 +67,6 @@
 
         &.invalid {
             border: var(--bw) solid var(--error);
-            box-shadow: 0 0 5px 1px var(--error);
         }
     }
 

frontend/app/src/components/SelectChatModal.svelte

@@ -51,6 +51,7 @@
         description: string;
         username: string | undefined;
         lastUpdated: bigint;
+        uniquePerson: boolean;
     };
     type ShareCommunity = {
         kind: "community";
@@ -203,6 +204,7 @@
                     description,
                     username: "@" + them.username,
                     lastUpdated: chatSummary.lastUpdated,
+                    uniquePerson: them.isUniquePerson,
                 };
 
             default:
@@ -217,6 +219,7 @@
                     description: buildGroupChatDescription(chatSummary),
                     username: undefined,
                     lastUpdated: chatSummary.lastUpdated,
+                    uniquePerson: false,
                 };
         }
     }
@@ -318,6 +321,7 @@
                                         {target.name}
                                     </span>
                                     <Badges
+                                        uniquePerson={target.uniquePerson}
                                         diamondStatus={target.diamondStatus}
                                         streak={target.streak} />
                                     {#if target.username !== undefined}