add toasts

Author: multimokia

components/forms/RoleEditForm.tsx

@@ -1,9 +1,10 @@
 import { useUserHighestRolePosition, useUserServerPerms } from '@/lib/store';
-import { createRole, decrementRolePosition, deleteRole, incrementRolePosition, updateRole } from '@/services/roles.service';
-import { Role, Server } from '@/types/dbtypes';
+import { decrementRolePosition, deleteRole, incrementRolePosition, updateRole } from '@/services/roles.service';
+import { Role } from '@/types/dbtypes';
 import { ServerPermissions } from '@/types/permissions';
 import { useSupabaseClient } from '@supabase/auth-helpers-react';
 import { useForm } from 'react-hook-form';
+import { toast } from 'react-toastify';
 
 const permissionEnumToInfoMap = new Map([
   [ServerPermissions.OWNER, ['Owner', '']],
@@ -58,7 +59,11 @@ export function RoleEditForm({role, roles_length, max_role_position }: {role: Ro
 
     if (error) {
       console.error(error);
+      toast.error('Failed to update role');
+      return;
     }
+
+    toast.success('Role saved');
   };
 
   return (
@@ -143,7 +148,15 @@ export function RoleEditForm({role, roles_length, max_role_position }: {role: Ro
           disabled={isFormDisabled}
           onClick={async () => {
             console.log('delete role');
-            deleteRole(supabase, role.id);
+            const { error } = await deleteRole(supabase, role.id);
+
+            if (error) {
+              console.error(error);
+              toast.error('Failed to delete role');
+              return;
+            }
+
+            toast.success('Role deleted');
           }}
         >
           Delete

components/home/modals/ServerSettingsModal.tsx

@@ -19,6 +19,7 @@ import { RoleEditForm } from '@/components/forms/RoleEditForm';
 import { useServerRoles, useUserServerPerms } from '@/lib/store';
 import PlusIcon from '@/components/icons/PlusIcon';
 import { createRole, getHighestRolePositionForUser } from '@/services/roles.service';
+import { toast } from 'react-toastify';
 
 
 const tabRootClass = 'flex flex-row';
@@ -101,22 +102,30 @@ export default function ServerSettingsModal({
               <button
                 className=""
                 onClick={async () => {
-                  await createRole(
+                  const { error } = await createRole(
                     supabase,
                     server?.server_id!,
                     'New Role',
                     roles.length - 1,
                     0,
                     'a9aaab'
                   );
+
+                  if (error) {
+                    console.error(error);
+                    toast.error('Failed to create role');
+                    return;
+                  }
+
+                  toast.success('Created role');
                 }}
               >
                 <PlusIcon width={5} height={5} />
               </button>
             </span>
 
             <Tabs.Root className={tabRootClass} orientation='vertical'>
-              <Tabs.List className={tabListClass}>
+              <Tabs.List className={tabListClass} defaultValue={roles[0].id.toString()}>
                 {roles.sort((first, second) => first.position - second.position).map((role) => (
                   <Tabs.Trigger
                     key={role.id}

hooks/useRealtimeStore.ts

@@ -200,7 +200,6 @@ export function useRealtimeStore(supabase: SupabaseClient<Database>) {
           },
           async (payload) => {
             console.log('Server role delete event');
-            console.table(payload.old);
             deleteRole(payload.old.id as number);
           }
         )