feat: add extension recommendations (#81)

* feat: add extensions recommendations * fix: apply vscode-styled-components extensions * fix: `setToastAnimation` 호출 수정 - `animation:` 이 함수 반환값으로 들어가니까 여기선 없어야 함 --------- Co-authored-by: nijuy <[email protected]>
yourssu · May 5, 2024 · 4f4b461 · 4f4b461
1 parent 58a90c6
commit 4f4b461
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "jpoissonnier.vscode-styled-components"
+  ]
+}
diff --git a/src/components/Toast/Toast.style.ts b/src/components/Toast/Toast.style.ts
@@ -26,13 +26,15 @@ const setToastAnimation = ($duration: ToastDuration) => {
   switch ($duration) {
     case 'short':
       return css`
-        ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
-        ${ToastFadeOut} ${FADE_DURATION}s ${SHORT_DURATION + FADE_DURATION}s ease-out forwards
+        animation:
+          ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
+          ${ToastFadeOut} ${FADE_DURATION}s ${SHORT_DURATION + FADE_DURATION}s ease-out forwards;
       `;
     case 'long':
       return css`
-        ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
-        ${ToastFadeOut} ${FADE_DURATION}s ${LONG_DURATION + FADE_DURATION}s ease-out forwards
+        animation:
+          ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
+          ${ToastFadeOut} ${FADE_DURATION}s ${LONG_DURATION + FADE_DURATION}s ease-out forwards;
       `;
   }
 };
@@ -55,5 +57,5 @@ export const StyledToast = styled.div<StyledToastProps>`
   color: ${({ theme }) => theme.color.textBright};
   ${({ theme }) => theme.typo.body2};
 
-  animation: ${({ $duration }) => setToastAnimation($duration)};
+  ${({ $duration }) => setToastAnimation($duration)};
 `;