second flow

src/screens/cover/PouchReady.js

@@ -1,26 +1,20 @@
-import {
-  View,
-  Text,
-  Image,
-  ActivityIndicator,
-  Alert,
-  setTimeout,
-} from "react-native";
+import { useIsFocused } from "@react-navigation/native";
 import { Image as ExpoImage } from "expo-image";
 import React, { useEffect } from "react";
-import { useIsFocused } from "@react-navigation/native";
-import Page from "../../layouts/Page";
-import { background, icons, img } from "../../assets";
-import MusicLandHeader from "../../components/MusicLandHeader";
-import { goBack, navigate } from "../../navigation/NavigationService";
-import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
-import { gutters, Palette, Style } from "../../styles";
+import { ActivityIndicator, Alert, Text, View } from "react-native";
+import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
+import { background, icons } from "../../assets";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
-import { Routes } from "../../navigation";
+import MusicLandHeader from "../../components/MusicLandHeader";
 import firebase, { tasksRef } from "../../config/firebase";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
+import { Routes } from "../../navigation";
+import { goBack, navigate } from "../../navigation/NavigationService";
 import { useUser } from "../../providers/UserDataProvider";
-import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
+import { gutters, Palette, Style } from "../../styles";
+import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 
 const PouchReady = () => {
   const { selectedProjectId, selectedProject, updateProjectData } = useUser();
@@ -101,12 +95,17 @@ const PouchReady = () => {
                 priority="high"
                 contentFit="cover"
                 transition={120}
-                style={{ width: "100%", height: 300, borderRadius: 20 }}
+                style={{
+                  width: isWeb ? 300 : "100%",
+                  height: 300,
+                  borderRadius: 20,
+                  alignSelf: "center",
+                }}
               />
             ) : (
               <View
                 style={{
-                  width: "100%",
+                  width: isWeb ? 300 : "100%",
                   height: 300,
                   borderRadius: 20,
                   backgroundColor: "#00000040",