modified: src/app/Toast.tsx

modified: src/views/sections/ContactSection.tsx modified: src/views/sections/HeroSection.tsx
appsaeed · Jun 9, 2024 · efbaf2a · efbaf2a
1 parent 5954c96
commit efbaf2a
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 9 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -43,6 +43,8 @@ jobs:
 
       - name: Build project
         run: npm run build
+        env: 
+          VITE_API_TOKEN: ${{ secrets.VITE_API_TOKEN }}
 
       - name: Setup Pages
         uses: actions/configure-pages@v4

diff --git a/src/api/sendEmail.ts b/src/api/sendEmail.ts
diff --git a/src/app/Toast.tsx b/src/app/Toast.tsx
@@ -1,21 +1,20 @@
 import Swal from "sweetalert2";
-import { getThemeStore } from "utilies";
 
 const Toast = Swal.mixin({
   toast: true,
   position: "top-end",
   showConfirmButton: false,
   showCloseButton: true,
-  timer: 10000,
+  timer: 6000,
   timerProgressBar: true,
   customClass: "z-[99999]",
   progressSteps: [""],
   didOpen: (toast) => {
     toast.addEventListener("mouseenter", Swal.stopTimer);
     toast.addEventListener("mouseleave", Swal.resumeTimer);
   },
-  background: getThemeStore() === "dark" ? "#1e293b" : "#ffffff",
-  color: getThemeStore() === "dark" ? "#ffffff" : "#1e293b",
+  // background: getThemeStore() === "dark" ? "#1e293b" : "#ffffff",
+  // color: getThemeStore() === "dark" ? "#ffffff" : "#1e293b",
 });
 
 export default Toast;
diff --git a/src/views/sections/ContactSection.tsx b/src/views/sections/ContactSection.tsx
@@ -73,7 +73,14 @@ export default function ContactSection(props: HtmlAttr) {
         }
       })
       .catch((error) => Toast.fire('Sothing wrong!', error.message, 'error'))
-      .finally(() => setLoading(false));
+      .finally(() => {
+        setLoading(false)
+        setForm({
+          email: '',
+          message: '',
+          subject: ''
+        })
+      });
 
 
   };
@@ -165,7 +172,7 @@ export default function ContactSection(props: HtmlAttr) {
                   <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                   <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                 </svg>
-                Loading...
+                🚀 Loading...
               </> : "Send message 🚀"}
             </button>
           </form>

diff --git a/src/views/sections/HeroSection.tsx b/src/views/sections/HeroSection.tsx
@@ -64,17 +64,19 @@ export default function ({ class: className, ...props }: HtmlAttr) {
       {...props}
     >
       <div class="w-full mx-auto text-center pt-28 pb-16">
-        <Animate.h1 class="mb-20 text-3xl font-extrabold   text-slate-300">
+        <Animate.h1 motion="slideInDown" duration={'1.5s'} class="mb-20 text-3xl font-extrabold   text-slate-300">
           I'm <span class=" font-bold text-6xl">Saeed</span> Hossen
         </Animate.h1>
 
         <Animate.h2
           motion="slideInUp"
           class="mb-20 text-3xl text-white dark:text-white"
         >
-          Full-stack developer with expertise in JavaScript, Laravel, ReactJS,
+          Full-stack developer with expertise in JavaScript, Nodejs, PHP, Laravel, ReactJS,
           AI, and TailwindCSS. Building modern web applications & also focusing
-          on API. <b>Open to new opportunities!</b>
+          on API.
+          <br />
+          <b>Open to new opportunities!</b>
         </Animate.h2>
 
         <Animate.a