From a6dfb214c4b669f74a3e161111063ae5d5b25d4b Mon Sep 17 00:00:00 2001 From: jitunayak Date: Mon, 26 Aug 2024 12:41:59 +0530 Subject: [PATCH] Add styled Rotate component and update icons and input field in Messages page. --- src/pages/Messages.tsx | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/src/pages/Messages.tsx b/src/pages/Messages.tsx index 6eb7406..86cc88f 100644 --- a/src/pages/Messages.tsx +++ b/src/pages/Messages.tsx @@ -2,7 +2,7 @@ import { Row } from '@/components'; import { Button } from '@/components/Button'; import { socket } from '@/socket'; import { useKindeAuth } from '@kinde-oss/kinde-auth-react'; -import { SendIcon } from 'lucide-react'; +import { PowerIcon, PowerOffIcon, SendIcon } from 'lucide-react'; import React, { useEffect, useState } from 'react'; type IMessage = { message: string; user: string }; @@ -38,10 +38,16 @@ export const Messages: React.FC = () => { return (

Welcome {user?.given_name ?? 'Guest'}

-
-

Is connected: {isConnected ? 'Yes' : 'No'}

+
+ {isConnected ? ( + + ) : ( + + )} +

Socket connected: {isConnected ? 'Yes' : 'No'}

-
{ style={{ backgroundColor: '#0101', border: '1px solid #0101', - borderRadius: '12spx', + borderRadius: '12px', fontSize: '18px', opacity: '0.8', padding: '14px',