add secret environments

Author: m-tech-ltd

.github/workflows/deploy.yml

@@ -2,9 +2,9 @@ name: Deploy React App to GitHub Pages
 
 on:
   push:
-    branches: [ develop ]
+    branches: [ master ]
   pull_request:
-    branches: [ develop ]
+    branches: [ master ]
 
 # Allow this workflow to create deployments and pages
 permissions:
@@ -27,7 +27,7 @@ jobs:
 
     env:
       DEPLOY_USER: 'towfiq-ul'
-      APP_VERSION: 'v3'
+      APP_VERSION: 'v2'
 
     steps:
       - uses: actions/checkout@v4
@@ -45,6 +45,17 @@ jobs:
         working-directory: ./${{ env.APP_VERSION }}
         run: npm ci
 
+      - name: Build Frontend with Secrets
+        run: npm run build
+        env:
+          # This is the 'env' block.
+          # LEFT SIDE (Key): This is the environment variable name available during 'npm run build'.
+          # RIGHT SIDE (Value): This pulls the value from the GitHub Secret named VITE_RECEIVER_EMAIL.
+          VITE_EMAILJS_PUBLIC_KEY: ${{ secrets.VITE_EMAILJS_PUBLIC_KEY }}
+          VITE_EMAILJS_SERVICE_ID: ${{ secrets.VITE_EMAILJS_SERVICE_ID }}
+          VITE_EMAILJS_TEMPLATE_ID: ${{ secrets.VITE_EMAILJS_TEMPLATE_ID }}
+          VITE_RECEIVER_EMAIL: ${{ secrets.VITE_RECEIVER_EMAIL }}
+
       - name: Build project
         working-directory: ./${{ env.APP_VERSION }}
         run: npm run build