Supporting Every
Imagination
Outfifth empowers every student to explore, create,
and imagine in their
own way. Every student
can make something that matters
import { useStaff, useCreateStaff, useUpdateStaff, useDeleteStaff, useResetStaffPin, useDeleteStaffCompletely } from '../hooks/useStaff';
import { useSession } from '../hooks/useSession';
import { useUserProfile } from '../hooks/useUserProfile';
import { useActiveStore } from '../hooks/useStores';
import { activityLogsApi } from '../services/api/activityLogs';
import { colors }
from '../theme/colors';
import { Plus,
Trash2, User, Shield, Check, X, Phone, Lock, MoreVertical } from 'lucide-react-native';
import { LinearGradient } from 'expo-linear-gradient';
import { Staff,
Permission } from '../types';
export const StaffScreen = ({ navigation }: any) => {
// Get theme from global theme provider
const { isDarkMode } = useAppTheme();
// Get Supabase session
const { data:
sessionData } = useSession();
const userId =
sessionData?.user?.id;
// Get user profile from database
const { data:
profile } = useUserProfile(userId || '');
// Get active store management
const { activeStoreId, setActiveStoreId, activeStore } = useActiveStore(userId || '');
const store =
activeStore;
// Get staff data from React Query
const { data:
rawStaff, isLoadingStaff } = useStaff(store?.id || '');
const createStaffMutation = useCreateStaff();
const updateStaffMutation = useUpdateStaff();
const deleteStaffMutation = useDeleteStaff();
const resetPinMutation = useResetStaffPin();
