feat: disable delete for assistants

.changeset/lovely-dolphins-tickle.md

@@ -0,0 +1,5 @@
+---
+"@quassel/frontend": patch
+---
+
+Disable delete for assistants

apps/frontend/src/routes/_auth/administration/carers/index.tsx

@@ -1,8 +1,11 @@
 import { createFileRoute, Link } from "@tanstack/react-router";
 import { $api } from "../../../../stores/api";
 import { Button, Table } from "@quassel/ui";
+import { $session } from "../../../../stores/session";
+import { useStore } from "@nanostores/react";
 
 function AdministrationCarersIndex() {
+  const sessionStore = useStore($session);
   const carers = $api.useSuspenseQuery("get", "/carers");
   const deleteCarerMutation = $api.useMutation("delete", "/carers/{id}", {
     onSuccess: () => carers.refetch(),
@@ -29,16 +32,18 @@
                 <Button variant="default" renderRoot={(props) => <Link to={`/administration/carers/edit/${c.id}`} {...props} />}>
                   Edit
                 </Button>
-                <Button
-                  variant="default"
-                  onClick={() =>
-                    deleteCarerMutation.mutate({
-                      params: { path: { id: c.id.toString() } },
-                    })
-                  }
-                >
-                  Delete
-                </Button>
+                {sessionStore.role === "ADMIN" && (
+                  <Button
+                    variant="default"
+                    onClick={() =>
+                      deleteCarerMutation.mutate({
+                        params: { path: { id: c.id.toString() } },
+                      })
+                    }
+                  >
+                    Delete
+                  </Button>
+                )}
               </Table.Td>
             </Table.Tr>
           ))}

apps/frontend/src/routes/_auth/administration/languages/index.tsx

@@ -2,8 +2,11 @@
 import { $api } from "../../../../stores/api";
 import { Button, Table } from "@quassel/ui";
 import { useSuspenseQuery } from "@tanstack/react-query";
+import { $session } from "../../../../stores/session";
+import { useStore } from "@nanostores/react";
 
 function AdministrationLanguageIndex() {
+  const sessionStore = useStore($session);
   const languages = useSuspenseQuery($api.queryOptions("get", "/languages"));
   const deleteLanguageMutation = $api.useMutation("delete", "/languages/{id}", {
     onSuccess: () => languages.refetch(),
@@ -32,16 +35,18 @@
                 <Button variant="default" renderRoot={(props) => <Link to={`/administration/languages/edit/${l.id}`} {...props} />}>
                   Edit
                 </Button>
-                <Button
-                  variant="default"
-                  onClick={() =>
-                    deleteLanguageMutation.mutate({
-                      params: { path: { id: l.id.toString() } },
-                    })
-                  }
-                >
-                  Delete
-                </Button>
+                {sessionStore.role === "ADMIN" && (
+                  <Button
+                    variant="default"
+                    onClick={() =>
+                      deleteLanguageMutation.mutate({
+                        params: { path: { id: l.id.toString() } },
+                      })
+                    }
+                  >
+                    Delete
+                  </Button>
+                )}
               </Table.Td>
             </Table.Tr>
           ))}

apps/frontend/src/routes/_auth/administration/participants/index.tsx

@@ -2,8 +2,11 @@
 import { $api } from "../../../../stores/api";
 import { Button, Table } from "@quassel/ui";
 import { useSuspenseQuery } from "@tanstack/react-query";
+import { $session } from "../../../../stores/session";
+import { useStore } from "@nanostores/react";
 
 function AdministrationParticipantsIndex() {
+  const sessionStore = useStore($session);
   const participants = useSuspenseQuery($api.queryOptions("get", "/participants"));
   const deleteParticipantMutation = $api.useMutation("delete", "/participants/{id}", {
     onSuccess: () => participants.refetch(),
@@ -34,16 +37,18 @@
                 <Button variant="default" renderRoot={(props) => <Link to={`/administration/participants/edit/${p.id}`} {...props} />}>
                   Edit
                 </Button>
-                <Button
-                  variant="default"
-                  onClick={() =>
-                    deleteParticipantMutation.mutate({
-                      params: { path: { id: p.id.toString() } },
-                    })
-                  }
-                >
-                  Delete
-                </Button>
+                {sessionStore.role === "ADMIN" && (
+                  <Button
+                    variant="default"
+                    onClick={() =>
+                      deleteParticipantMutation.mutate({
+                        params: { path: { id: p.id.toString() } },
+                      })
+                    }
+                  >
+                    Delete
+                  </Button>
+                )}
               </Table.Td>
             </Table.Tr>
           ))}

apps/frontend/src/routes/_auth/administration/questionnaires/index.tsx

@@ -1,8 +1,11 @@
 import { createFileRoute, Link } from "@tanstack/react-router";
 import { $api } from "../../../../stores/api";
 import { Button, Table } from "@quassel/ui";
+import { $session } from "../../../../stores/session";
+import { useStore } from "@nanostores/react";
 
 function AdministrationQuestionnairesIndex() {
+  const sessionStore = useStore($session);
   const { data, refetch } = $api.useSuspenseQuery("get", "/questionnaires");
   const deleteQuestionnaireMutation = $api.useMutation("delete", "/questionnaires/{id}", {
     onSuccess: () => refetch(),
@@ -25,16 +28,18 @@
                 <Button variant="default" renderRoot={(props) => <Link to={`/administration/questionnaires/edit/${q.id}`} {...props} />}>
                   Edit
                 </Button>
-                <Button
-                  variant="default"
-                  onClick={() =>
-                    deleteQuestionnaireMutation.mutate({
-                      params: { path: { id: q.id.toString() } },
-                    })
-                  }
-                >
-                  Delete
-                </Button>
+                {sessionStore.role === "ADMIN" && (
+                  <Button
+                    variant="default"
+                    onClick={() =>
+                      deleteQuestionnaireMutation.mutate({
+                        params: { path: { id: q.id.toString() } },
+                      })
+                    }
+                  >
+                    Delete
+                  </Button>
+                )}
               </Table.Td>
             </Table.Tr>
           ))}

apps/frontend/src/routes/_auth/administration/studies/index.tsx

@@ -2,8 +2,11 @@
 import { $api } from "../../../../stores/api";
 import { Button, Table } from "@quassel/ui";
 import { useSuspenseQuery } from "@tanstack/react-query";
+import { $session } from "../../../../stores/session";
+import { useStore } from "@nanostores/react";
 
 function AdministrationStudiesIndex() {
+  const sessionStore = useStore($session);
   const studies = useSuspenseQuery($api.queryOptions("get", "/studies"));
   const deleteStudyMutation = $api.useMutation("delete", "/studies/{id}", {
     onSuccess: () => studies.refetch(),
@@ -30,16 +33,18 @@
                 <Button variant="default" renderRoot={(props) => <Link to={`/administration/studies/edit/${s.id}`} {...props} />}>
                   Edit
                 </Button>
-                <Button
-                  variant="default"
-                  onClick={() =>
-                    deleteStudyMutation.mutate({
-                      params: { path: { id: s.id.toString() } },
-                    })
-                  }
-                >
-                  Delete
-                </Button>
+                {sessionStore.role === "ADMIN" && (
+                  <Button
+                    variant="default"
+                    onClick={() =>
+                      deleteStudyMutation.mutate({
+                        params: { path: { id: s.id.toString() } },
+                      })
+                    }
+                  >
+                    Delete
+                  </Button>
+                )}
               </Table.Td>
             </Table.Tr>
           ))}

apps/frontend/src/routes/_auth/administration/users/index.tsx

@@ -2,8 +2,11 @@
 import { $api } from "../../../../stores/api";
 import { Button, Table } from "@quassel/ui";
 import { useSuspenseQuery } from "@tanstack/react-query";
+import { useStore } from "@nanostores/react";
+import { $session } from "../../../../stores/session";
 
 function AdministrationUsersIndex() {
+  const sessionStore = useStore($session);
   const users = useSuspenseQuery($api.queryOptions("get", "/users"));
   const deleteUserMutation = $api.useMutation("delete", "/users/{id}", { onSuccess: () => users.refetch() });
 
@@ -31,9 +34,11 @@
                 <Button variant="default" renderRoot={(props) => <Link to={`/administration/users/edit/${u.id}`} {...props} />}>
                   Edit
                 </Button>
-                <Button variant="default" onClick={() => deleteUserMutation.mutate({ params: { path: { id: u.id.toString() } } })}>
-                  Delete
-                </Button>
+                {sessionStore.role === "ADMIN" && (
+                  <Button variant="default" onClick={() => deleteUserMutation.mutate({ params: { path: { id: u.id.toString() } } })}>
+                    Delete
+                  </Button>
+                )}
               </Table.Td>
             </Table.Tr>
           ))}

apps/frontend/src/stores/session.ts

@@ -1,8 +1,6 @@
 import { persistentMap } from "@nanostores/persistent";
+import { components } from "../api.gen";
 
-type Session = {
-  email?: string;
-  role?: string;
-};
+type Session = Partial<Omit<components["schemas"]["SessionResponseDto"], "id">>;
 
-export const $session = persistentMap<Session>("session:", {});
+export const $session = persistentMap<Session>("session", {});