initial commit

components/features/admins/AdminModal.tsx

@@ -43,11 +43,11 @@ export const AdminModal = ({
       roleType: "admin",
       limit: 1000,
     },
-    { skip: !visible }
+    { skip: !visible },
   );
   const managerOptions = useMemo(
     () => (adminsData?.items || []).filter((u) => u.role === RoleEnum.MANAGER),
-    [adminsData]
+    [adminsData],
   );
 
   const adminRef = useRef<User | null>(admin);
@@ -329,7 +329,7 @@ export const AdminModal = ({
         <Button
           onPress={handleSubmit(submit)}
           disabled={isLoading || !isValid || (isEdit && !isDirty)}
-          className="!ml-2"
+          className="ml-2!"
         >
           {submitText}
         </Button>

components/features/admins/DesktopAdminAccountsTable.tsx

@@ -52,7 +52,7 @@ export const DesktopAdminAccountsTable = ({
       {admins.map((admin) => (
         <DataTable.Row key={admin.id}>
           <DataTable.Cell>
-            <View className="flex-row items-center flex-shrink pr-2">
+            <View className="flex-row items-center shrink pr-2">
               {admin.imageUrl ? (
                 <Avatar.Image
                   source={{
@@ -68,11 +68,11 @@ export const DesktopAdminAccountsTable = ({
                   style={{ marginRight: 10 }}
                 />
               )}
-              <View className="flex-row items-center flex-shrink px-1 py-1">
+              <View className="flex-row items-center shrink px-1 py-1">
                 <Text
                   onPress={() => openDetails(admin)}
                   numberOfLines={10}
-                  className="flex-shrink"
+                  className="shrink"
                 >
                   {admin.firstName} {admin.lastName}
                 </Text>
@@ -93,7 +93,7 @@ export const DesktopAdminAccountsTable = ({
             </View>
           </DataTable.Cell>
           <DataTable.Cell>
-            <View className="flex-row items-center flex-shrink pr-2">
+            <View className="flex-row items-center shrink pr-2">
               <Text numberOfLines={2}>{admin.email}</Text>
             </View>
           </DataTable.Cell>
@@ -102,7 +102,7 @@ export const DesktopAdminAccountsTable = ({
               justifyContent: "center",
             }}
           >
-            <View className="flex-row items-center flex-shrink">
+            <View className="flex-row items-center shrink">
               <Text numberOfLines={2}>
                 {admin.role === RoleEnum.ADMIN ? "Admin" : "Manager"}
               </Text>