@towsila/expo-ui-library 1.0.10 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@towsila/expo-ui-library",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/screens/splashScreen.tsx

@@ -23,7 +23,8 @@ interface SplashScreenProps {
   onFinish: () => void;              // called when animation ends, app decides where to go
   duration?: number;                 // total animation duration before onFinish, default 2800
   hookStartX?: number;               // hook entry X offset, default -80
-  hookStartY?: number;               // hook entry Y offset, default -180
+  hookStartY?: number;
+  loading?:boolean;             // hook entry Y offset, default -180
 }
 
 export default function AnimatedSplashScreen({
@@ -35,6 +36,7 @@ export default function AnimatedSplashScreen({
   duration = 2800,
   hookStartX = -80,
   hookStartY = -180,
+  loading
 }: SplashScreenProps) {
   const { colors } = useAppTheme();
 
@@ -82,12 +84,13 @@ export default function AnimatedSplashScreen({
       duration: 400,
       easing: Easing.out(Easing.quad),
     }));
-
+    if(!loading){
     const timeout = setTimeout(() => {
       onFinish();
     }, duration);
 
     return () => clearTimeout(timeout);
+    }
   }, []);
 
   const hookStyle = useAnimatedStyle(() => ({

package/src/components/ui/asidebar.tsx

@@ -68,7 +68,8 @@ export default function AsideBar({logo, menu, onLogout, logoutLabel, onNavigate,
                 height: "100%",
                 width: SIDEBAR_WIDTH,
                 backgroundColor: colors.background.main,
-                padding: 20,
+                paddingHorizontal: 20,
+                paddingVertical:50,
                 transform: [{ translateX: slideAnim }],
             }}>
                 {/* top container */}