Revize 67b916af

#re 10797 LoadingBox refactor size

src/components/loading/LoadingBox.tsx

@@ -1 @@
-import { HStack, Heading, Spinner } from "native-base"
+import { Box, HStack, Heading, Spinner } from "native-base"
 import React from "react"
 
 
@@ -10 +10 @@
     const { text } = props
 
     return (
-        <HStack alignItems="center" flex="1" justifyContent="center">
-            <Spinner/>
-            <Heading color="primary.400" fontSize="md">
-                {text}
-            </Heading>
-        </HStack>
+        <Box width="100%" marginTop="20" height="8">
+            <HStack alignItems="center" flex="1" justifyContent="center">
+                <Spinner />
+                <Heading color="primary.400" fontSize="md">
+                    {text}
+                </Heading>
+            </HStack>
+        </Box>
     )
 }
 

src/pages/Logout.tsx

@@ -3 +3 @@
 import { AppDispatch } from "../stores/store"
 import { Center, Heading, HStack, Spinner } from "native-base"
 import { logout } from "../stores/actions/userThunks"
+import LoadingBox from "../components/loading/LoadingBox"
 
 const Logout = () => {
     const dispatch = useDispatch<AppDispatch>();
@@ -12 +13 @@
     }, [])
 
     return (
-        <Center justifyContent={"center"}>
-            <HStack space={2} justifyContent="center">
-                <Spinner
-                    accessibilityLabel="Loading logout"
-                    color="primary.500"
-                />
-                <Heading color="primary.500" fontSize="md">
-                    Loading
-                </Heading>
-            </HStack>
-        </Center>
+        <LoadingBox text="Logging out..."/>
     )
 }
 

src/pages/NotesViewPage.tsx

@@ -82 +82 @@
     }));
   }
 
-  const handleCreateComment = (newComment : string, replyingTo : { messageId: string; userName: string } | null) => {
+  const handleCreateComment = (newComment: string, replyingTo: { messageId: string; userName: string } | null) => {
 
     console.log(newComment, replyingTo)
 
@@ -152 +152 @@
             </Flex>
           </VStack>
         </HStack>
-        {
-          notesLoading ? (<LoadingBox text="Loading notes" />)
-            :
-            (<NotesListView notes={notes} navigation={navigation} handleCreateComment={handleCreateComment} requestPending={requestPending} />)
-        }
+        <Box>
+          {
+            notesLoading ? (
+              <LoadingBox text="Loading notes" />
+            )
+              :
+              (<NotesListView notes={notes} navigation={navigation} handleCreateComment={handleCreateComment} requestPending={requestPending} />)
+          }
+        </Box>
+
 
       </VStack>
     </Box>