move ChatFeedBox at the right place

swiiny · Apr 16, 2023 · 7333ed9 · 7333ed9
1 parent 438be51
commit 7333ed9
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 3 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/assets/banner.png b/assets/banner.png
diff --git a/components/chat/ChatFeed/ChatFeed.tsx b/components/chat/ChatFeed/ChatFeed.tsx
@@ -1,5 +1,5 @@
+import { ChatFeedBox } from '@components/chat/ChatFeedBox/ChatFeedBox';
 import useMessagesQuery from '@hooks/chat/useMessagesQuery';
-import { ChatFeedBox } from 'ChatFeedBox/ChatFeedBox';
 import { FC, useEffect } from 'react';
 import { StyledChatFeed } from './ChatFeed.styles';
 import { IChatFeed } from './ChatFeed.type';

diff --git a/ChatFeedBox/ChatFeedBox.styles.ts → ...ts/chat/ChatFeedBox/ChatFeedBox.styles.ts b/ChatFeedBox/ChatFeedBox.styles.ts → ...ts/chat/ChatFeedBox/ChatFeedBox.styles.ts
@@ -7,4 +7,18 @@ export const StyledChatFeedBox = styled.li`
 	max-width: 60%;
 
 	${addTransition()}
+
+	overflow: hidden;
+
+	& > div {
+		&.is-left {
+			width: 100%;
+		}
+
+		& > p {
+			width: 100%;
+			overflow-wrap: break-word;
+			hyphens: none;
+		}
+	}
 `;
diff --git a/ChatFeedBox/ChatFeedBox.tsx → components/chat/ChatFeedBox/ChatFeedBox.tsx b/ChatFeedBox/ChatFeedBox.tsx → components/chat/ChatFeedBox/ChatFeedBox.tsx
@@ -46,7 +46,7 @@ const ChatFeedBox: FC<IChatFeedBox> = ({ id, user, value, timestamp }) => {
 				background={isUser ? theme.colors.darkGradient : theme.colors.blueGradient}
 			>
 				{/* @ts-ignore */}
-				<Text type={ETextType.p} size={ESize.l} style={{ lineBreak: 'anywhere' }}>
+				<Text type={ETextType.p} size={ESize.l}>
 					{formattedValue()}
 				</Text>
 			</GradientContainer>

diff --git a/ChatFeedBox/ChatFeedBox.type.ts → ...ents/chat/ChatFeedBox/ChatFeedBox.type.ts b/ChatFeedBox/ChatFeedBox.type.ts → ...ents/chat/ChatFeedBox/ChatFeedBox.type.ts
diff --git a/ChatFeedBox/index.ts → components/chat/ChatFeedBox/index.ts b/ChatFeedBox/index.ts → components/chat/ChatFeedBox/index.ts
diff --git a/hooks/1inch/useAllowance/useAllowance.ts b/hooks/1inch/useAllowance/useAllowance.ts
@@ -42,7 +42,8 @@ function useAllowance(
 			);
 			return response.data;
 		},
-		enabled: !!tokenAddress && !!amount && parseInt(allowance) < parseInt(amount)
+		enabled: !!tokenAddress && !!amount && parseInt(allowance) < parseInt(amount),
+		staleTime: 0
 	});
 
 	const isNative = tokenAddress?.toLowerCase() === '0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee';