Merge pull request #21 from Project-Unifest/hotfix/make-booth-image-i…

…nteractable Hotfix/make booth image interactable
Project-Unifest · May 17, 2024 · 807a189 · 807a189 · github-actions · May 17, 2024
2 parents 5259418 + 62a3ca0
commit 807a189
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/.github/workflows/deploy-github-pages.yml b/.github/workflows/deploy-github-pages.yml
@@ -34,3 +34,14 @@ jobs:
  build_command: yarn build-storybook # default: npm run build-storybook
  path: storybook-static # default: dist/storybook
  checkout: false # default: true
+ env:
+ # build time environment variables
+ API_URL: ${{ vars.API_URL}}
+ BASE_URL: ${{ vars.BASE_URL}}
+ IMAGE_SERVER_HOSTNAME: ${{ vars.IMAGE_SERVER_HOSTNAME }}
+ # run time environment variables
+ NEXT_PUBLIC_API_URL: ${{ vars.NEXT_PUBLIC_API_URL }}
+ NEXT_PUBLIC_BASE_URL: ${{ vars.NEXT_PUBLIC_BASE_URL}}
+ # run time environment secrets
+ NEXT_PUBLIC_GOOGLE_MAPS_API_KEY: ${{ secrets.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY }}
+ NEXT_PUBLIC_GOOGLE_MAPS_ID: ${{ secrets.NEXT_PUBLIC_GOOGLE_MAPS_ID }}
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
@@ -23,6 +23,7 @@ jobs:
  # build time environment variables
  API_URL: ${{ vars.API_URL}}
  BASE_URL: ${{ vars.BASE_URL}}
+ IMAGE_SERVER_HOSTNAME: ${{ vars.IMAGE_SERVER_HOSTNAME }}
  # build time environment secrets
  VERIFIED_ACCOUNT_ID: ${{ secrets.VERIFIED_ACCOUNT_ID}}
  VERIFIED_ACCOUNT_PASSWORD: ${{ secrets.VERIFIED_ACCOUNT_PASSWORD}}

diff --git a/src/features/booth/ui/EditImageBox.tsx b/src/features/booth/ui/EditImageBox.tsx
@@ -28,9 +28,19 @@ export function EditImageBox({ thumbnail, editThumbnail }: ImageBoxPropsType) {
  return (
  <>
  {thumbnail ? (
- <div className="relative flex h-60 w-full cursor-pointer items-center justify-center">
+ <Label
+ htmlFor="booth-uploaded-image"
+ className="relative flex h-60 w-full cursor-pointer items-center justify-center"
+ >
  <Image src={thumbnail} alt="부스 이미지" fill />
- </div>
+ <Input
+ type="file"
+ className="sr-only"
+ accept="image/*"
+ id="booth-uploaded-image"
+ onChange={handleFileChange}
+ />
+ </Label>
  ) : (
  <Label
  htmlFor="booth-image"