Merge pull request #4 from dom557/features

new changes
dom557 · May 30, 2024 · 6e2947d · 6e2947d
2 parents 4674c01 + 3fef6f1
commit 6e2947d
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 11 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -16,6 +16,8 @@
     "react-hot-toast": "^2.4.1",
     "react-icons": "^5.0.1",
     "react-router-dom": "^6.21.3",
+    "react-speech": "^1.0.2",
+    "react-speech-kit": "^3.0.1",
     "socket.io-client": "^4.7.4",
     "zustand": "^4.5.0"
   },

diff --git a/frontend/src/components/messages/MessageContainer.jsx b/frontend/src/components/messages/MessageContainer.jsx
@@ -37,13 +37,14 @@ const NoChatSelected = () => {
 	const { authUser } = useAuthContext();
 	return (
 		<div className='flex items-center justify-center w-full h-full'>
-			<div className='px-4 text-center sm:text-lg md:text-xl text-gray-200 font-semibold flex flex-col items-center gap-2'>
-				<p>Welcome 👋 {authUser.fullName} ❄</p>
-				<p>Select a chat to start messaging</p>
+			<div className='px-4 text-center sm:text-lg md:text-xl text-gray-200 font-semibold flex flex-col items-center gap-2 transform transition-transform duration-1000 hover:scale-110'>
+				<p className="animate-pulse"><span className= "text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-red-500 hover:animate-none hover:bg-gradient-to-r-from-blue-400-to-pink-500 hover:bg-transparent ">Welcome</span>👋 {authUser.fullName} ❄</p>
+				<p >Select a chat to start messaging</p>
 				<TiMessages className='text-3xl md:text-6xl text-center' />
 			</div>
 		</div>
 	);
+
 };
 
 // STARTER CODE SNIPPET