add permission check

AdaptChat · Jul 10, 2024 · fd948b7 · fd948b7
1 parent 6d45b27
commit fd948b7
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/src/pages/guilds/GuildHome.tsx b/src/pages/guilds/GuildHome.tsx
@@ -1,4 +1,4 @@
-import {createMemo} from "solid-js";
+import {createMemo, Show} from "solid-js";
 import {A, useParams} from "@solidjs/router";
 import {getApi} from "../../api/Api";
 import NotFound from "../NotFound";
@@ -19,6 +19,8 @@ export default function GuildHome() {
   if (!guild())
     return <NotFound />
 
+  const permissions = createMemo(() => api.cache!.getClientPermissions(guild().id))
+
   const onlineCount = createMemo(() => api.cache!.memberReactor
     .get(guild().id)!
     .reduce((acc, next) => api.cache!.presences.get(next)?.status === 'offline' ? acc : acc + 1, 0)
@@ -73,14 +75,16 @@ export default function GuildHome() {
           </div>
         </div>
         <div class="gap-x-2 z-[1]">
-          <div use:tooltip="Settings">
-            <A
-              href={`/guilds/${guild().id}/settings`}
-              class="flex aspect-square items-center justify-center p-3 bg-bg-3/70 rounded-full"
-            >
-              <Icon icon={Gear} class="fill-fg w-5 h-5" />
-            </A>
-          </div>
+          <Show when={permissions().has('MANAGE_GUILD')}>
+            <div use:tooltip="Settings">
+              <A
+                href={`/guilds/${guild().id}/settings`}
+                class="flex aspect-square items-center justify-center p-3 bg-bg-3/70 rounded-full"
+              >
+                <Icon icon={Gear} class="fill-fg w-5 h-5" />
+              </A>
+            </div>
+          </Show>
         </div>
       </div>
     </div>