Merge pull request #4393 from CodeHarborHub/restyled/dev-3

Restyle new update

Author: ajay-dhangar

docusaurus.config.js

@@ -87,7 +87,6 @@ const config = {
         isCloseable: true,
         backgroundColor: "#4d5061",
       },
-      
 
       metadata: [
         {

src/components/popup/popup.tsx

@@ -11,4 +11,4 @@ const Popup = ({ status, message }) => {
     </div>
   );
 };
-export default Popup;
+export default Popup;

src/pages/contact/Contact.module.css

@@ -35,7 +35,7 @@
 
 .main__contact_ud_wrapper {
   margin-top: 1rem;
-  align-items: center;  
+  align-items: center;
 }
 
 .ud_contact_title {
@@ -62,7 +62,7 @@
   flex-wrap: wrap;
   gap: 10px;
   margin: 8rem auto auto auto;
-  
+
 }
 
 .contact_info_item {
@@ -128,7 +128,7 @@
 
 .main__contact_contains_right .form_container .form_group .phone_input {
   background-color: transparent;
-  color: var(--ifm-text-color); 
+  color: var(--ifm-text-color);
 }
 
 .main__contact_contains_right .form_container .form_group .form_select {
@@ -204,6 +204,6 @@
   animation: spinner 1s infinite linear;
   margin: auto;
 }
-@keyframes spinner{ 
+@keyframes spinner{
   100%{transform: rotate(1turn)}
-}
+}

src/pages/contact/index.tsx

@@ -60,9 +60,9 @@ export default function Contact(): JSX.Element {
   // Function to handle form submission
   const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault();
-  
+
     setChecker((prev) => ({ ...prev, loading: true }));
-  
+
     try {
       // Sending form data to the backend with correct headers
       const response = await axios.post(
@@ -81,7 +81,7 @@ export default function Contact(): JSX.Element {
           },
         }
       );
-  
+
       // Resetting form values after submission
       setFormValues({
         fullName: "",
@@ -90,8 +90,8 @@ export default function Contact(): JSX.Element {
         message: "",
         feedbackType: "Question",
         otherFeedback: "",
-      });  
-      
+      });
+
       if (response.data.ok) {
         setChecker((prev) => ({
           ...prev,
@@ -116,7 +116,7 @@ export default function Contact(): JSX.Element {
         loading: false,
       }));
     }
-  
+
     // Hide popup after 2 seconds
     setTimeout(() => {
       setChecker((prev) => ({
@@ -337,7 +337,7 @@ export default function Contact(): JSX.Element {
                       name="feedbackType"
                       value={formValues.feedbackType}
                       onChange={handleInputChange}
-                      className={styles.form_select}                      
+                      className={styles.form_select}
                       required
                     >
                       <option value="Question">Question</option>

src/sw.js

@@ -1,9 +1,9 @@
-import {registerRoute} from 'workbox-routing';
-import {StaleWhileRevalidate} from 'workbox-strategies';
+import { registerRoute } from "workbox-routing";
+import { StaleWhileRevalidate } from "workbox-strategies";
 
 export default function swCustom(params) {
   if (params.debug) {
-    console.log('[CodeHarborHub-PWA][SW]: running swCustom code', params);
+    console.log("[CodeHarborHub-PWA][SW]: running swCustom code", params);
   }
 
   // Cache responses from external resources
@@ -14,4 +14,4 @@ export default function swCustom(params) {
       /avatars1\.githubusercontent/,
     ].some((regex) => context.url.href.match(regex));
   }, new StaleWhileRevalidate());
-}
+}