CU-868ffcgaz PR#169 fixes

Author: ucswift

src/components/roles/roles-modal.tsx

@@ -75,7 +75,7 @@ export const RolesModal: React.FC<RolesModalProps> = ({ isOpen, onClose }) => {
   }, [activeUnit, pendingAssignments, onClose]);
 
   return (
-    <Modal isOpen={isOpen} onClose={onClose} size="full" {...({} as any)}>
+    <Modal isOpen={isOpen} onClose={onClose} size="full">
       <ModalBackdrop />
       <ModalContent className="m-4 w-full max-w-3xl rounded-2xl">
         <ModalHeader>

src/components/status/__tests__/status-bottom-sheet.test.tsx

@@ -4,7 +4,7 @@ jest.mock('react-i18next', () => ({
 }));
 
 // Mock all UI components based on actual imports
-jest.mock('../../ui/actionsheet', () => {
+jest.mock('@/components/ui/actionsheet', () => {
   const mockReact = require('react');
   const { View } = require('react-native');
 
@@ -231,30 +231,6 @@ import { StatusBottomSheet } from '../status-bottom-sheet';
 
 const mockSetActiveCall = jest.fn();
 
-// Mock the Actionsheet components
-jest.mock('@/components/ui/actionsheet', () => ({
-  Actionsheet: ({ children, isOpen }: { children: React.ReactNode; isOpen: boolean }) => {
-    const { View } = require('react-native');
-    return isOpen ? <View testID="actionsheet">{children}</View> : null;
-  },
-  ActionsheetBackdrop: ({ children }: { children: React.ReactNode }) => {
-    const { View } = require('react-native');
-    return <View testID="actionsheet-backdrop">{children}</View>;
-  },
-  ActionsheetContent: ({ children }: { children: React.ReactNode }) => {
-    const { View } = require('react-native');
-    return <View testID="actionsheet-content">{children}</View>;
-  },
-  ActionsheetDragIndicator: () => {
-    const { View } = require('react-native');
-    return <View testID="actionsheet-drag-indicator" />;
-  },
-  ActionsheetDragIndicatorWrapper: ({ children }: { children: React.ReactNode }) => {
-    const { View } = require('react-native');
-    return <View testID="actionsheet-drag-indicator-wrapper">{children}</View>;
-  },
-}));
-
 const mockTranslation = {
   t: (key: string, options?: any) => {
     const translations: Record<string, string> = {

src/components/ui/bottomsheet/index.tsx

@@ -41,7 +41,7 @@ const BottomSheetContext = createContext<{
   handleOpen: () => void;
 }>({
   visible: false,
-  bottomSheetRef: { current: null as any },
+  bottomSheetRef: { current: null },
   handleClose: () => { },
   handleOpen: () => { },
 });

src/components/ui/skeleton/index.tsx

@@ -17,7 +17,7 @@ type ISkeletonTextProps = React.ComponentProps<typeof View> &
     startColor?: string;
   };
 
-const Skeleton = forwardRef<any, ISkeletonProps>(({ className, variant, children, startColor = 'bg-background-200', isLoaded = false, speed = 2, ...props }, ref) => {
+const Skeleton = forwardRef<React.ElementRef<typeof View>, ISkeletonProps>(({ className, variant, children, startColor = 'bg-background-200', isLoaded = false, speed = 2, ...props }, ref) => {
   const pulseAnim = new Animated.Value(1);
   const customTimingFunction = Easing.bezier(0.4, 0, 0.6, 1);
   const fadeDuration = 0.6;