Update on_push.yml

.github/workflows/on_push.yml

@@ -1,22 +1,29 @@
+name: Sync to S3 and invalidate CloudFront
+
 on:
   push:
     branches:
     - main
+
 jobs:
   deploy:
     runs-on: ubuntu-latest
+
     steps:
     - name: Checkout code
       uses: actions/checkout@v2
 
-    - name: deploy-react-app-to-aws
-      uses: aasmal97/deploy-react-app-to-aws@v1.3.0
+    - name: Configure AWS credentials
+      uses: aws-actions/configure-aws-credentials@v1
       with:
-        aws_region: ${{ secrets.AWS_REGION }}
-        aws_access_key_id: ${{ secrets.AWS_ACCESS_KEY_ID }}
-        aws_secret_access_key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-        cloudfront_distribution_id: ${{ secrets.CLOUDFRONT_DISTRIBUTION_ID }} # optional, default is 1
-        bucket_name: ${{ secrets.BUCKET_NAME }}
-        react_app_secrets: ${{ secrets.REACT_APP_SECRETS }} # optional, default is {}
-        node_version: '19'
-        path_to_app: './' # path to your react app
+        aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+        aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+        aws-region: ${{ secrets.AWS_REGION }}
+
+    - name: Sync files to S3
+      run: |
+        aws s3 sync . s3://${{ secrets.BUCKET_NAME }}
+
+    - name: Invalidate CloudFront distribution
+      run: |
+        aws cloudfront create-invalidation --distribution-id ${{ secrets.CLOUDFRONT_DISTRIBUTION_ID }} --paths "/*"