chore: changes (#4)

<!--
hint: follow the conventional commits
look at CONTRIBUTING.md
make sure this repo would take a PR.
-->

## features

.github/workflows/deploy.yml

@@ -12,29 +12,28 @@ on:
   workflow_dispatch:
 
 jobs:
-
   build:
     name: Build & deploy
     runs-on: ubuntu-latest
     environment: production
     steps:
-    - name: Checkout Repository
+      - name: Checkout Repository
-      uses: actions/checkout@v3
+        uses: actions/checkout@v3
-    - name: Set Short SHA
+      - name: Set Short SHA
-      id: short_sha
+        id: short_sha
-      run: |
+        run: |
-        echo $(pwd) 
+          echo $(pwd) 
-        echo $(ls)
+          echo $(ls)
-        echo "short_sha=$(git rev-parse --short HEAD)" >> $GITHUB_OUTPUT
+          echo "short_sha=$(git rev-parse --short HEAD)" >> $GITHUB_OUTPUT
-    - name: executing remote ssh commands using password
+      - name: executing remote ssh commands using password
-      uses: appleboy/ssh-action@v0.1.8
+        uses: appleboy/ssh-action@v0.1.8
-      with:
+        with:
-        context: .
+          context: .
-        host: ${{ secrets.HOST }}
+          host: ${{ secrets.HOST }}
-        username: ${{ secrets.USERNAME }}
+          username: ${{ secrets.USERNAME }}
-        password: ${{ secrets.PASSWORD }}
+          password: ${{ secrets.PASSWORD }}
-        port: ${{ secrets.PORT }}
+          port: ${{ secrets.PORT }}
-        script: |
+          script: |
             cd /${{ secrets.USERNAME }}
             export REACT_APP_BUILD_SHA=${{ steps.short_sha.outputs.short_sha }}
             export REACT_APP_BUILD_ID=${{ github.run_id }}

justfile

@@ -0,0 +1,8 @@
+run: 
+    yarn start
+
+build: 
+    yarn build
+
+install:
+    yarn install

src/components/AboutPage/index.tsx

@@ -1,7 +1,25 @@
 import { mdiBullet } from '@mdi/js'
 import Icon from '@mdi/react'
+import { useEffect, useState } from 'react'
 
 export default function AboutPage () {
+  const [currentGrade, setCurrentGrade] = useState<string>("0th")
+  useEffect(() => {
+    let year:number = new Date().getFullYear()
+    if (year > 2027) {
+let result = year - 2027
+      switch(result) {
+case 0:
+  setCurrentGrade(`12th`)
+  break;
+  default: 
+setCurrentGrade(`Collage Student`)
+  break;
+      }
+    } else {
+      setCurrentGrade(`${Math.abs((2027 - 2024) - 13)}th`)
+    }
+  })
   return <div className={'hero min-h-screen md:ml-0 ml-2'}>
     <div className='container'>
       <h1 className='text-3xl font-bold'>
@@ -13,7 +31,7 @@ Some info about <span className='text-highlight'>me</span>
             Hi Everyone, I am{' '}
             <span className='text-highlight '>Saahil dutta, </span>
             from <span className='text-highlight '> USA </span>
-            <br />I am a 9th grader in KCD.
+            <br />I am a {currentGrade} grader in KCD.
             <br />
             <br />
             Apart from coding, some other activities that I love to do!