Feature/play/zoomlogin refactor1 (#1554)

* feat(play/zoomlogin): add new Zoom login and chatbot clone project * * fix(play/schulte-tables): fix plain class name to prevent from potential overriding issue * refactor cursor pointer * remove unused file * refactor label htmlFor * * refactor: remove unused files (#1554) * refactor: remove unused files --------- Co-authored-by: Priyankar Pal <[email protected]> --------- Co-authored-by: Priyankar Pal <[email protected]>
reactplay · Oct 17, 2024 · dc58208 · dc58208
1 parent 56424d2
commit dc58208
Show file tree

Hide file tree

Showing 13 changed files with 50 additions and 4 deletions.
diff --git a/src/plays/zoomlogin/MainPage.js b/src/plays/zoomlogin/MainPage.js
@@ -0,0 +1,20 @@
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import App from './components/App';
+import HomePage from './components/HomePage';
+import LinkedinPage from './components/Linkedin/LinkedinPage';
+import ZoomPage from './components/Zoom/ZoomPage';
+
+export function MainPage() {
+  return (
+    <BrowserRouter basename="/react-login-form">
+      <App>
+        <Routes>
+          <Route element={<HomePage />} path="/" />
+          <Route element={<LinkedinPage />} path="/linkedin" />
+          <Route element={<ZoomPage />} path="/zoom" />
+        </Routes>
+      </App>
+    </BrowserRouter>
+  );
+}
+export default MainPage;
diff --git a/src/plays/zoomlogin/assets/apple-logo.png b/src/plays/zoomlogin/assets/apple-logo.png
diff --git a/src/plays/zoomlogin/assets/apple-logo.svg b/src/plays/zoomlogin/assets/apple-logo.svg
diff --git a/src/plays/zoomlogin/assets/copyright.svg b/src/plays/zoomlogin/assets/copyright.svg
diff --git a/src/plays/zoomlogin/assets/facebook-logo.svg b/src/plays/zoomlogin/assets/facebook-logo.svg
diff --git a/src/plays/zoomlogin/assets/github.svg b/src/plays/zoomlogin/assets/github.svg
diff --git a/src/plays/zoomlogin/assets/google-logo.png b/src/plays/zoomlogin/assets/google-logo.png
diff --git a/src/plays/zoomlogin/assets/google-logo.svg b/src/plays/zoomlogin/assets/google-logo.svg
diff --git a/src/plays/zoomlogin/assets/linkedin-logo.png b/src/plays/zoomlogin/assets/linkedin-logo.png
diff --git a/src/plays/zoomlogin/assets/linkedin.svg b/src/plays/zoomlogin/assets/linkedin.svg
diff --git a/src/plays/zoomlogin/assets/linkedinImg.png b/src/plays/zoomlogin/assets/linkedinImg.png
diff --git a/src/plays/zoomlogin/components/Zoom/ZoomSignin.js b/src/plays/zoomlogin/components/Zoom/ZoomSignin.js
@@ -184,7 +184,7 @@ function ZoomSignin({ helpHandle }) {
                 {isEmailFocused && (
                   <label
                     className="absolute text-slate-500 pt-1 pb-2 left-0 top-0 text-xs mb-1 px-2"
-                    htmlFor="email"
+                    htmlFor="zoomemail"
                   >
                     Email Address
                   </label>
@@ -210,7 +210,7 @@ function ZoomSignin({ helpHandle }) {
                 {isPasswordFocused && (
                   <label
                     className="absolute text-slate-500 pt-1 pb-2 left-0 top-0 text-xs mb-1 px-2"
-                    htmlFor="email"
+                    htmlFor="zoompassword"
                   >
                     Password
                   </label>

diff --git a/src/plays/zoomlogin/components/chatbot/widget/InitialButtonOptions.jsx b/src/plays/zoomlogin/components/chatbot/widget/InitialButtonOptions.jsx
@@ -9,10 +9,10 @@ const InitialButtonOptions = (props) => {
   };
 
   return (
-    <div className="text-[#0e72ed] ml-[4rem] font-extrabold text-[13px] sm:text-[14px]">
+    <div className="text-[#0e72ed] ml-[4rem] font-extrabold text-[14px]">
       <button
         aria-label="My Account is Locked"
-        className="inline-block border border-[#0e72ed] rounded-3xl px-4 py-1.5 m-1 hover:bg-[#0e72ed] hover:text-white hover:cursor-not-allowed"
+        className="inline-block border border-[#0e72ed] rounded-3xl px-4 py-1.5 m-1 hover:bg-[#0e72ed] hover:text-white  hover:cursor-pointer"
         title="My Account is Locked"
         onClick={() => handleAccountLockedClick('My Account is Locked')}
       >