feat: add Icon, Header, BottomNavigation (with @tanstack/router) (#28)

* feat: create Docker Hub push flow (#22)

* feat: create Docker Hub push flow

* feat: add `Typography`, `Button` components (#17)

* feat: use absolute path

* feat: add tailwind-merge, clsx lib

* feat: font, color style type

* fix: vite absolute path setting with using path lib

* feat: add class-variance-authorithy lib

* feat: Typography with size, color props

* feat: VisuallyHidden Component for OnlyScreenReader

* fix: fix typo in text-grey-number

* feat: update color scale(grey, blueGrey scale)

* feat: add cn util with extendsTailwindMerge

* fix: use cn util at typography className

* feat: update font scale(headline-1, body-4)

* feat: Button Component with variant, color, padding

* feat: add ci workflow for web (#19)

* chore: add type check script

* feat: add testing libs to web packages

* chore: set jest config

* chore: add coverage to gitignore

* chore: add sample test code

* feat: add web ci worfklow(lint, type check, test, build)

* feat: add coverage to lint ignorePatterns

* chore: coverage to web gitignore

* feat: add icon assets and `Icon`, `AccessibleIconButton` components (#21)

* feat: add icon svg assets

* feat: add vite-svgr-plugin lib

* feat: set svgr option with typescript

* feat: Icon with type, stroke, fill

* fix: add white, black color to ColorType

* feat: AccessibleIconButton for ScreenReader

* chore: add eol to vite-env.dts

* feat: change headline-2 with 24px font

* feat: add width, height props to icon

* fix: change design system(font, icon, svg)

* feat: Header component

* chore: change svg fill color

* feat: content layout

* feat: add @tanstack/react-router lib

* feat: set routing with tasntack router

* feat: add solid icons

* feat: add lodash.throttle lib

* feat: add usePreservedCallback

* feat: add usePreservedReference

* feat: add useThrottle

* feat: BottomNavigation

* chore: delete console log

* chore: delete un-used ignore lint

* refactor: fix bg-white to bottom navigation(using opacity when scroll up)

* feat: add transition opacity to bottom navigation

* fix: add blueGrey800 color

---------

Co-authored-by: Wonyoung Lee <74983448+210-reverof@users.noreply.github.com>

.github/workflows/dockerhub-push.yml

@@ -0,0 +1,37 @@
+name: Docker Hub Push
+
+on:
+  push:
+    branches:
+      - '**/dev'
+      - '!web/dev'
+      - '!android/dev'
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout Repository
+      uses: actions/checkout@v2
+
+    - name: Build and Push Docker Image
+      env:
+        DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+        DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+      run: |
+        # Extract branch name from GITHUB_REF
+        BRANCH_NAME=$(echo $GITHUB_REF | awk -F'/' '{print $3}')
+
+        if [ -n "$BRANCH_NAME" ]; then
+          DOCKERFILE_DIR="src/$BRANCH_NAME-service"
+        else
+          echo "Failed to extract branch name from GITHUB_REF."
+          exit 1
+        fi
+
+        cd $DOCKERFILE_DIR
+        docker build -t $DOCKER_USERNAME/$BRANCH_NAME-service:latest .
+        docker login -u $DOCKER_USERNAME -p $DOCKER_PASSWORD
+        docker push $DOCKER_USERNAME/$BRANCH_NAME-service:latest
+

src/web/package.json

@@ -20,9 +20,11 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.17.7",
+    "@tanstack/react-router": "^1.4.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "framer-motion": "^10.17.9",
+    "lodash.throttle": "^4.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwind-merge": "^2.2.0"
@@ -31,6 +33,7 @@
     "@tanstack/eslint-plugin-query": "^5.17.7",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.11",
+    "@types/lodash.throttle": "^4.1.9",
     "@types/node": "^20.10.7",
     "@types/react": "^18.2.43",
     "@types/react-dom": "^18.2.17",