Merge pull request #61 from GlowTales/feat/#47

[CHORE] 스토리북 파일 확장자명 변경 및 불필요한 코드 제거

README.md

@@ -59,7 +59,6 @@ GlowTales-Client
  ┣ public
  ┣ src
  ┃ ┣ apis
- ┃ ┣ assets
  ┃ ┣ components
  ┃ ┃ ┣ common
  ┃ ┃ ┣ learn

package.json

@@ -23,8 +23,7 @@
     "react-icons": "^5.3.0",
     "react-responsive": "^10.0.0",
     "react-router-dom": "^6.26.1",
-    "styled-components": "^6.1.12",
-    "zustand": "^4.5.5"
+    "styled-components": "^6.1.12"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.6.1",

src/apis/authAxois.ts

@@ -55,11 +55,6 @@ export const getAuthAxios = (token: string | null) => {
     },
     async (error) => {
       throw error;
-      // alert("토큰이 만료되었습니다. 재로그인 후 시도해주세요!");
-      // LocalStorage.removeItem("access");
-      // LocalStorage.removeItem("refresh");
-      // window.location.href = "/login";
-      // return Promise.reject(error); // 에러 전달
     }
   );
 

src/apis/createTales.ts

@@ -1,7 +1,6 @@
 import LocalStorage from "@utils/localStorage";
 import { getAuthAxios } from "./authAxois";
 import { CreateTaleData } from "@type/createTale";
-// import { Server } from "./settings";
 
 const baseURL = import.meta.env.VITE_PUBLIC_SERVER_URL;
 

src/components/learn/TaleLearn.tsx

@@ -60,7 +60,7 @@ const TaleLearn = ({ quizData }: TaleLearnProps) => {
     const postResult = async (languageTaleId: number, answerCounts: number) => {
       try {
         const response = await postAnswerCount(languageTaleId, answerCounts);
-        console.log(response);
+        return response.data
       } catch (error) {
         console.error("Error fetching data:", error);
       }

src/components/main/homeMain/homeRecentTales/HomeRecentTales.tsx

@@ -32,10 +32,6 @@ const HomeRecentTales = () => {
     chunkedTales.push(sliceTales.slice(i, i + 3));
   }
 
-  const goRead = (response: CardProps) => {
-    navigate(`/readTale`, { state: { response } });
-  };
-
   const handleMoreClick = () => {
     navigate("/home/moreRecentTales", { state: { allTales: tales } });
   };
@@ -57,7 +53,6 @@ const HomeRecentTales = () => {
                 title={tale.title}
                 createdAt={tale.createdAt}
                 languageTaleId={tale.taleId}
-                readFunction={() => goRead(tale)}
               />
               {(index + 1) % 2 === 0 && index !== sliceTales.length - 1 && (
                 <Shelf src="/shelf.png" key={`shelf-${index}`} />

src/pages/TaleLearnPage.tsx

@@ -9,8 +9,6 @@ const TaleLearnPage = () => {
   const location = useLocation();
   const id = location.state || {};
 
-  console.log(id);
-
   useEffect(() => {
     const getQuiz = async (taleId: number) => {
       const response = await getQuizAndAnswer(taleId);

src/stories/Dropdown.stories.ts → src/stories/Dropdown.stories.tsx

@@ -7,6 +7,13 @@ import { nationElements } from "@utils/defaultData";
 const meta: Meta<DropdownProps> = {
   title: "Components/Dropdown",
   component: Dropdown,
+  decorators: [
+    (Story) => (
+      <div style={{ width: '100%',display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        <Story />
+      </div>
+    ),
+  ],
   parameters: {
     layout: "fullscreen",
     docs: {
@@ -58,15 +65,15 @@ export default meta;
 
 type Story = StoryObj<typeof meta>;
 
-export const SelecOption: Story = {
+export const SelectOption: Story = {
   args: {
     selectList: [
       { text: "옵션1", value: 1 },
       { text: "옵션2", value: 2 },
     ],
   },
 };
-export const SelecOptionWithImg: Story = {
+export const SelectOptionWithImg: Story = {
   args: {
     selectList: nationElements,
   },

src/stories/ProgressBar.stories.ts → src/stories/ProgressBar.stories.tsx

@@ -6,6 +6,13 @@ import { Meta, StoryObj } from "@storybook/react";
 const meta: Meta<ProgressBarProps> = {
   title: "Components/ProgressBar",
   component: ProgressBar,
+  decorators: [
+    (Story) => (
+      <div style={{ width: '100%',display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        <Story />
+      </div>
+    ),
+  ],
   parameters: {
     layout: "fullscreen",
     docs: {

src/stories/SelectOptionList.stories.ts → src/stories/SelectOptionList.stories.tsx

@@ -6,6 +6,13 @@ import { fn } from "@storybook/test";
 const meta: Meta<SelectListProps> = {
   title: "Components/SelectOptionList",
   component: SelectOptionList,
+  decorators: [
+    (Story) => (
+      <div style={{ width: '100%',display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        <Story />
+      </div>
+    ),
+  ],
   parameters: {
     layout: "fullscreen",
     docs: {

src/type/card.d.ts

@@ -11,9 +11,6 @@ export interface CardProps {
   createdAt: string;
   btnText?: string;
   firstQuizCount?: number;
-  readFunction?: () => void;
-  unLearnedFunction?: () => void;
-  learnFunction?: () => void;
 }
 
 export interface WordProps {

src/type/dropdown.d.ts

@@ -5,7 +5,7 @@ export interface DropdownProps {
 }
 
 export interface DropdownElement {
-  imgURL?: string; // 앞에 로고 들어가야 하는 경우 경로 넣기
-  text: string; // 드랍다운에 작성될 텍스트
-  value: string | number | null; // 실제 들어갈 값
+  imgURL?: string;
+  text: string;
+  value: string | number | null;
 }