Merge pull request #27 from tnfAngel-Chat:dev

fix message cache
tnfAngel-Chat · May 10, 2024 · a9f5d23 · a9f5d23
2 parents 326cb47 + 5ff69c0
commit a9f5d23
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -40,7 +40,7 @@ export default function RootLayout({
 								}}
 							>
 								<AppWrapper>
-									<Flex h='100%' w='100%' direction='column'>
+									<Flex h='100%' w='100%' direction='column' gap='0px'>
 										<ConnectionStatus />
 										<Box w='100%' h='100%' zIndex={1}>
 											{children}

diff --git a/src/components/channel/InputArea.tsx b/src/components/channel/InputArea.tsx
@@ -130,9 +130,9 @@ export default function InputArea({ channel }: Readonly<InputBoxProps>) {
 				})
 			);
 
-			//client.sentMessagesIds.push(tempMessageId);
+			if (client.links.api) {
+				client.sentMessagesIds.push(tempMessageId);
 
-			if (client.links.api)
 				await ky
 					.post(`${client.links.api}/channels/${channel?.id}/messages`, {
 						json: { content: content, nonce: tempMessageId }
@@ -163,6 +163,7 @@ export default function InputArea({ channel }: Readonly<InputBoxProps>) {
 							})
 						);
 					});
+			}
 		}
 	}
 

diff --git a/src/components/general/ConnectionStatus.tsx b/src/components/general/ConnectionStatus.tsx
@@ -49,15 +49,24 @@ export default function ConnectionStatus() {
 				<Center
 					as={motion.div}
 					w='100%'
-					bg={getColorValue('ternaryBackground')}
 					initial={{ height: '0px' }}
 					animate={{ height: '32px', transition: { delay: 2 } }}
 					exit={{ height: '0px' }}
+					p='0px'
 				>
-					<Flex alignItems='center' gap='10px' zIndex={0}>
-						{statusSignals[statusIndex]}
-						<Text fontWeight='bold'>Connecting...</Text>
-					</Flex>
+					<Center
+						w='100%'
+						h='32px'
+						top='0%'
+						left='0%'
+						bg={getColorValue('ternaryBackground')}
+						position='fixed'
+					>
+						<Flex alignItems='center' gap='10px' zIndex={0}>
+							{statusSignals[statusIndex]}
+							<Text fontWeight='bold'>Connecting...</Text>
+						</Flex>
+					</Center>
 				</Center>
 			)}
 		</AnimatePresence>