🚀 feat(ci): husky 설정 , 도커 파일 설정

.github/workflows/docker-publish.yml

@@ -0,0 +1,37 @@
+name: Docker
+on:
+  push:
+    branches: [main]
+    # Publish semver tags as releases.
+    tags: ["v*.*.*"]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Docker meta
+        id: docker_meta
+        uses: crazy-max/ghaction-docker-meta@v1
+        with:
+          images: water0641/ticket-admin
+          tag-semver: |
+            {{version}}
+            {{major}}.{{minor}}
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v1
+      - name: Login to DockerHub
+        uses: docker/login-action@v1
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Build and push
+        uses: docker/build-push-action@v2
+        with:
+          context: .
+          file: ./Dockerfile.prod
+          platforms: linux/amd64
+          push: true
+          tags: ${{ steps.docker_meta.outputs.tags }}
+          labels: ${{ steps.docker_meta.outputs.labels }}

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+public

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint-staged

package.json

@@ -18,11 +18,18 @@
     "redux-thunk": "^2.4.1",
     "web-vitals": "^2.1.4"
   },
+  "lint-staged": {
+    "**/*.{js,jsx,json,tsx}": [
+      "prettier --write"
+    ]
+  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "prepare": "husky install",
+    "lint-staged": "lint-staged"
   },
   "eslintConfig": {
     "extends": [
@@ -41,5 +48,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "husky": "^8.0.1"
   }
 }

src/components/AuthPage/LoginPage.js

@@ -8,10 +8,10 @@ import { slackValidation, slackMessage } from "../../state/actions-creators";
 function LoginPage() {
   const dispatch = useDispatch();
 
-  const { error } = useSelector((state) => state.slackMessage);
-  // const { adminValidationToken } = useSelector(
-  //   (state) => state.slackValidation
-  // );
+  const { tickets, error, pending } = useSelector(
+    (state) => state.slackMessage
+  );
+
   const [phoneNumber, setPhoneNumber] = useState("");
   const [slackEmail, setSlackEmail] = useState("");
   const [validationNumber, setValidationNumber] = useState("");

src/state/actions-creators/slackMessage.js

@@ -23,6 +23,13 @@ export const slackMessage =
         phoneNumber,
         slackEmail,
       });
+      // const response = await axios.post(
+      //   "https://api.gosrock.band/v1/auth/slack/send",
+      //   {
+      //     phoneNumber,
+      //     slackEmail,
+      //   }
+      // );
 
       console.log(response);
 

src/state/storeSetting.js

@@ -20,7 +20,7 @@ const adminAccessToken = localStorage.getItem("accessToken");
 console.log(adminAccessToken);
 // axios Bearer 토큰에 커먼 헤더로 껴놓기 위함
 let authenticated = false;
-if (adminAccessToken !== null && !adminAccessToken.length) {
+if (adminAccessToken && adminAccessToken.length) {
   authenticated = true;
   axios.defaults.headers.common.Authorization = `Bearer ${adminAccessToken}`;
 }