Fix: swap to Center

isomerpages · Oct 18, 2022 · ed8ac46 · ed8ac46
1 parent 08e7ea4
commit ed8ac46
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/layouts/ReviewRequest/components/Comments/CommentsDrawer.tsx b/src/layouts/ReviewRequest/components/Comments/CommentsDrawer.tsx
@@ -9,14 +9,14 @@ import {
   Stack,
   UseDisclosureReturn,
   Text,
-  Flex,
+  Center,
   Divider,
   HStack,
   useDisclosure,
   Skeleton,
 } from "@chakra-ui/react"
 import { IconButton } from "@opengovsg/design-system-react"
-import { PropsWithChildren, useEffect } from "react"
+import { PropsWithChildren } from "react"
 import { BiCommentDetail } from "react-icons/bi"
 
 import {
@@ -141,14 +141,14 @@ export const CommentsDrawer = ({ siteName, requestId }: CommentProps) => {
                     </CommentItem>
                   ))
                 ) : (
-                  <Flex
+                  <Center
                     flex={1}
                     h="100%"
                     justifyContent="center"
                     alignItems="center"
                   >
                     <EmptyChatImage />
-                  </Flex>
+                  </Center>
                 )}
               </Skeleton>
               <Divider borderColor="border.divider.alt" />