From 8c3300ed997c56be27d7dc50393f32d90c8a9668 Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 8 Apr 2024 21:09:14 +0900 Subject: [PATCH 01/19] =?UTF-8?q?feat:=20=EA=B3=B5=EA=B0=9C=20=EC=8A=A4?= =?UTF-8?q?=ED=8A=B8=EB=A7=81=EC=BA=A3=20view=EA=B5=AC=ED=98=84=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/page.tsx | 30 ++++++++++++------------------ src/component/OpenStrcat.tsx | 17 +++++++++++++++++ 2 files changed, 29 insertions(+), 18 deletions(-) create mode 100644 src/component/OpenStrcat.tsx diff --git a/src/app/page.tsx b/src/app/page.tsx index e9cd5dce..d3a2a3d6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,9 +5,9 @@ import { useEffect, useRef, useState } from 'react'; import Image from 'next/image'; import { useRouter } from 'next/navigation'; -import { AnimationVideo } from '@/component/Common/AnimationVideo'; import HeaderLayout from '@/component/Common/HeaderLayout'; import MainManStrcat from '@/component/MainManStrcat'; +import OpenStrcat from '@/component/OpenStrcat'; import { useLogin } from '@/hooks/useLogin'; import { bodyFontState } from '@/recoil/font/body'; import { titleFontState } from '@/recoil/font/title'; @@ -51,25 +51,19 @@ export default function Home() { > 함께 문장을 이어가는 롤링페이퍼 -
-
- mainStrcatIcon -
- -
+
+ 다른 사람이 공개한 스트링켓이에요 +
+ + + +
+
+ +
내 롤링페이퍼에서
친구들의 이야기를 듣고 싶다면
diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx new file mode 100644 index 00000000..19f23fb5 --- /dev/null +++ b/src/component/OpenStrcat.tsx @@ -0,0 +1,17 @@ +export default function OpenStrcat() { + return ( +
+
+
+ 일이삼사오육칠팔구십십십십십십십십십십 +
+
+ 마음 이어짐 데이터 근데 글씨 크기가... +
+
+
+
시간전
+
+
+ ); +} From cf8e342ddc019b2e3aa0c01b1bfeeca64726ad4e Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 8 Apr 2024 22:08:27 +0900 Subject: [PATCH 02/19] =?UTF-8?q?feat:=20publicStrcat=20mock=20api=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=EC=97=B0=EA=B2=B0=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/api/public/data.json | 62 +++++++++++++++++++++++++++++++ src/app/api/public/route.ts | 7 ++++ src/app/page.tsx | 17 +++++---- src/component/OpenStrcat.tsx | 29 ++++++++++----- src/component/OpenStrcatBoard.tsx | 24 ++++++++++++ src/types/openBoard.ts | 6 +++ src/utils/apiInterface.tsx | 8 +++- 7 files changed, 135 insertions(+), 18 deletions(-) create mode 100644 src/app/api/public/data.json create mode 100644 src/app/api/public/route.ts create mode 100644 src/component/OpenStrcatBoard.tsx create mode 100644 src/types/openBoard.ts diff --git a/src/app/api/public/data.json b/src/app/api/public/data.json new file mode 100644 index 00000000..4435ee73 --- /dev/null +++ b/src/app/api/public/data.json @@ -0,0 +1,62 @@ +[ + { + "id": "1", + "title": "데이터 1", + "description": "이것은 데이터 1입니다.", + "time": "10:00" + }, + { + "id": "2", + "title": "데이터 2", + "description": "이것은 데이터 2입니다.", + "time": "11:00" + }, + { + "id": "3", + "title": "데이터 3", + "description": "이것은 데이터 3입니다.", + "time": "12:00" + }, + { + "id": "4", + "title": "데이터 4", + "description": "이것은 데이터 4입니다.", + "time": "13:00" + }, + { + "id": "5", + "title": "데이터 5", + "description": "이것은 데이터 5입니다.", + "time": "14:00" + }, + { + "id": "6", + "title": "데이터 6", + "description": "이것은 데이터 6입니다.", + "time": "15:00" + }, + { + "id": "7", + "title": "데이터 7", + "description": "이것은 데이터 7입니다.", + "time": "16:00" + }, + { + "id": "8", + "title": "데이터 8", + "description": "이것은 데이터 8입니다.", + "time": "17:00" + }, + { + "id": "9", + "title": "데이터 9", + "description": "이것은 데이터 9입니다.", + "time": "18:00" + }, + { + "id": "10", + "title": "데이터 10", + "description": "이것은 데이터 10입니다.", + "time": "19:00" + } +] diff --git a/src/app/api/public/route.ts b/src/app/api/public/route.ts new file mode 100644 index 00000000..7e50d2d9 --- /dev/null +++ b/src/app/api/public/route.ts @@ -0,0 +1,7 @@ +import { NextResponse } from 'next/server'; + +import data from './data.json'; + +export async function GET(request: any) { + return NextResponse.json(data, { status: 200 }); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index d3a2a3d6..98c2f19d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -7,17 +7,19 @@ import { useRouter } from 'next/navigation'; import HeaderLayout from '@/component/Common/HeaderLayout'; import MainManStrcat from '@/component/MainManStrcat'; -import OpenStrcat from '@/component/OpenStrcat'; +import OpenStrcatBoard from '@/component/OpenStrcatBoard'; import { useLogin } from '@/hooks/useLogin'; import { bodyFontState } from '@/recoil/font/body'; import { titleFontState } from '@/recoil/font/title'; import { logging } from '@/services/mixpanel'; +import { axiosGetPublicBoard } from '@/utils/apiInterface'; import { focusToHighlight } from '@/utils/focusToHighlight'; import { defaultState } from '@/utils/theme/default'; export default function Home() { const [isLogin] = useLogin(); const router = useRouter(); + const [openBoard, setOpenBoard] = useState([]); const ref = useRef(null); const [windowHeight, setWindowHeight] = useState(0); @@ -26,6 +28,11 @@ export default function Home() { if (window) setWindowHeight(window.innerHeight); }, []); + useEffect(() => { + axiosGetPublicBoard().then((res) => { + setOpenBoard(res.data); + }); + }, []); const handleClickPersonal = () => { logging('click_create_board', 'main'); if (isLogin) router.push('create', { scroll: false }); @@ -34,6 +41,7 @@ export default function Home() { router.push('/login'); } }; + console.log(openBoard); const handleClickStart = () => { logging('click_guestbook', 'main'); @@ -53,12 +61,7 @@ export default function Home() {
다른 사람이 공개한 스트링켓이에요 -
- - - - -
+
diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index 19f23fb5..0376cba3 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -1,17 +1,26 @@ -export default function OpenStrcat() { +import { openBoard } from '@/types/openBoard'; + +interface Props { + id: string; + title: string; + description: string; + time: string; +} + +export default function OpenStrcat({ id, title, description, time }: Props) { return ( -
-
-
- 일이삼사오육칠팔구십십십십십십십십십십 +
+
+
+
{title}
+
+ {description} +
-
- 마음 이어짐 데이터 근데 글씨 크기가... +
+
{time}
-
-
시간전
-
); } diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx new file mode 100644 index 00000000..4f6299c3 --- /dev/null +++ b/src/component/OpenStrcatBoard.tsx @@ -0,0 +1,24 @@ +import OpenStrcat from './OpenStrcat'; +import { openBoard } from '@/types/openBoard'; + +interface Props { + openBoard: openBoard[]; +} + +export default function OpenStrcatBoard({ openBoard }: Props) { + return ( +
+ {openBoard.map((item) => { + return ( + + ); + })} +
+ ); +} diff --git a/src/types/openBoard.ts b/src/types/openBoard.ts new file mode 100644 index 00000000..50080c2c --- /dev/null +++ b/src/types/openBoard.ts @@ -0,0 +1,6 @@ +export interface openBoard { + id: string; + title: string; + description: string; + time: string; +} diff --git a/src/utils/apiInterface.tsx b/src/utils/apiInterface.tsx index 6d46bc08..f86426b8 100644 --- a/src/utils/apiInterface.tsx +++ b/src/utils/apiInterface.tsx @@ -1,9 +1,15 @@ +import axios from 'axios'; + import { axiosInstance } from './axios'; export const axiosGetBoard = (id: string) => { return axiosInstance.get(`/boards/${id}`); }; +export const axiosGetPublicBoard = () => { + return axios.get(`/api/public`); +}; + export const axiosGetBoardSummaries = (id: string) => { return axiosInstance.get(`/boards/${id}/summaries`); }; @@ -34,7 +40,7 @@ export const axiosPostBoardContentPicture = (id: string, requestData: any) => { export const axiosPostUserHistory = (requestData: any) => { return axiosInstance.post('/users/history', requestData); -} +}; export const axoisDeleteContents = (id: string, requestData: any) => { return axiosInstance.delete(`boards/${id}/contents`, requestData); From 5d1811ffa51ca534ebd8b60d53d4c8d3aeb788cd Mon Sep 17 00:00:00 2001 From: arkingco Date: Tue, 9 Apr 2024 16:23:48 +0900 Subject: [PATCH 03/19] =?UTF-8?q?feat:=20=EB=B7=B0=EC=97=90=20color=20?= =?UTF-8?q?=EB=B0=B0=EC=B9=98#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/page.tsx | 4 ++-- src/component/OpenStrcat.tsx | 36 ++++++++++++++++++++++--------- src/component/OpenStrcatBoard.tsx | 18 +++++++++++++++- tailwind.config.js | 1 + 4 files changed, 46 insertions(+), 13 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 98c2f19d..22a60455 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -59,14 +59,14 @@ export default function Home() { > 함께 문장을 이어가는 롤링페이퍼
-
+
다른 사람이 공개한 스트링켓이에요
내 롤링페이퍼에서
친구들의 이야기를 듣고 싶다면
diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index 0376cba3..61ab0aa1 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -2,25 +2,41 @@ import { openBoard } from '@/types/openBoard'; interface Props { id: string; + bgColor: string; + borderColor: string; + timeTextColor: string; title: string; description: string; time: string; } -export default function OpenStrcat({ id, title, description, time }: Props) { +export default function OpenStrcat({ + id, + bgColor, + borderColor, + timeTextColor, + title, + description, + time, +}: Props) { + console.log(bgColor, borderColor, timeTextColor); return ( -
-
-
-
{title}
-
- {description} -
+
+
+
{title}
+
+ {description}
-
-
{time}
+
+
+
+ {time}
); } + +const timeString = () => {}; diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index 4f6299c3..a9d47805 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -6,13 +6,29 @@ interface Props { } export default function OpenStrcatBoard({ openBoard }: Props) { + const color = [ + 'strcat-night', + 'strcat-peach', + 'strcat-lilac', + 'strcat-chris', + 'strcat-mas', + 'strcat-sul', + 'strcat-string', + ]; + const colorList = Array.from( + { length: 10 }, + (_, index) => color[index % color.length], + ); return (
- {openBoard.map((item) => { + {openBoard.map((item, i) => { return ( Date: Tue, 9 Apr 2024 16:44:27 +0900 Subject: [PATCH 04/19] feat: fix tailwind code #405 --- src/component/OpenStrcat.tsx | 24 +++++++++++++----------- src/component/OpenStrcatBoard.tsx | 2 +- tailwind.config.js | 2 +- 3 files changed, 15 insertions(+), 13 deletions(-) diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index 61ab0aa1..ed6e6530 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -21,18 +21,20 @@ export default function OpenStrcat({ }: Props) { console.log(bgColor, borderColor, timeTextColor); return ( -
-
-
{title}
-
- {description} +
+
+
+
{title}
+
+ {description} +
-
-
-
- {time} +
+
+ {time} +
diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index a9d47805..132fe47a 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -13,7 +13,7 @@ export default function OpenStrcatBoard({ openBoard }: Props) { 'strcat-chris', 'strcat-mas', 'strcat-sul', - 'strcat-string', + 'strcat-spring', ]; const colorList = Array.from( { length: 10 }, diff --git a/tailwind.config.js b/tailwind.config.js index c37b035b..c6b17643 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -39,7 +39,7 @@ module.exports = { 'strcat-chris': '#246F50', 'strcat-mas': '#DE6565', 'strcat-sul': '#82CBFF', - 'strcat-string': '#FFBACF', + 'strcat-spring': '#FFBACF', }, keyframes: { slide: { From da1761ff63cb976b17e3dd721b571e84f60c2f70 Mon Sep 17 00:00:00 2001 From: arkingco Date: Fri, 12 Apr 2024 16:41:07 +0900 Subject: [PATCH 05/19] =?UTF-8?q?feat:=20=EA=B3=B5=EA=B0=9C=EC=8A=A4?= =?UTF-8?q?=ED=8A=B8=EB=A7=81=EC=BA=A3=20=EB=A9=94=EC=9D=B8=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=99=84?= =?UTF-8?q?=EC=84=B1=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/OpenStrcat.tsx | 9 ++--- src/component/OpenStrcatBoard.tsx | 66 +++++++++++++++++++++---------- 2 files changed, 49 insertions(+), 26 deletions(-) diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index ed6e6530..c66b5ff2 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -2,8 +2,7 @@ import { openBoard } from '@/types/openBoard'; interface Props { id: string; - bgColor: string; - borderColor: string; + bgAndBorderColor: string; timeTextColor: string; title: string; description: string; @@ -12,18 +11,16 @@ interface Props { export default function OpenStrcat({ id, - bgColor, - borderColor, + bgAndBorderColor, timeTextColor, title, description, time, }: Props) { - console.log(bgColor, borderColor, timeTextColor); return (
{title}
diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index 132fe47a..240eec1a 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -1,3 +1,5 @@ +import Link from 'next/link'; + import OpenStrcat from './OpenStrcat'; import { openBoard } from '@/types/openBoard'; @@ -6,33 +8,57 @@ interface Props { } export default function OpenStrcatBoard({ openBoard }: Props) { - const color = [ - 'strcat-night', - 'strcat-peach', - 'strcat-lilac', - 'strcat-chris', - 'strcat-mas', - 'strcat-sul', - 'strcat-spring', - ]; + const bgAndBorderColor: Record = { + 'strcat-night': 'bg-strcat-night/50 border-strcat-night', + 'strcat-peach': 'bg-strcat-peach/50 border-strcat-peach', + 'strcat-lilac': 'bg-strcat-lilac/50 border-strcat-lilac', + 'strcat-chris': 'bg-strcat-chris/50 border-strcat-chris', + 'strcat-mas': 'bg-strcat-mas/50 border-strcat-mas', + 'strcat-sul': 'bg-strcat-sul/50 border-strcat-sul', + 'strcat-spring': 'bg-strcat-spring/50 border-strcat-spring', + }; + + const textColor: Record = { + 'strcat-night': 'text-strcat-night', + 'strcat-peach': 'text-strcat-peach', + 'strcat-lilac': 'text-strcat-lilac', + 'strcat-chris': 'text-white', + 'strcat-mas': 'text-white', + 'strcat-sul': 'text-strcat-sul', + 'strcat-spring': 'text-strcat-spring', + }; + const colorList = Array.from( { length: 10 }, - (_, index) => color[index % color.length], + (_, index) => + bgAndBorderColor[ + Object.keys(bgAndBorderColor)[ + index % Object.keys(bgAndBorderColor).length + ] + ], ); + + const textColorList = Array.from( + { length: 10 }, + (_, index) => + textColor[Object.keys(textColor)[index % Object.keys(textColor).length]], + ); + return (
{openBoard.map((item, i) => { return ( - + + + ); })}
From 2a0842e9f2783db09f2fcdbab4170f79b93151f2 Mon Sep 17 00:00:00 2001 From: arkingco Date: Fri, 12 Apr 2024 20:56:13 +0900 Subject: [PATCH 06/19] =?UTF-8?q?feat:=20create=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EA=B3=B5=EA=B0=9C=20=EC=8A=A4=ED=8A=B8=EB=A7=81?= =?UTF-8?q?=EC=BA=A3=20=20=ED=86=A0=EA=B8=80=20=EC=83=9D=EC=84=B1=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/create/page.tsx | 8 ++++ src/component/ToggleDialog.tsx | 80 ++++++++++++++++++++++++++++++++++ src/utils/toggleDialo.tsx | 23 ++++++++++ 3 files changed, 111 insertions(+) create mode 100644 src/component/ToggleDialog.tsx create mode 100644 src/utils/toggleDialo.tsx diff --git a/src/app/create/page.tsx b/src/app/create/page.tsx index a59d4cac..2b8dab5f 100644 --- a/src/app/create/page.tsx +++ b/src/app/create/page.tsx @@ -13,6 +13,7 @@ import { logging } from '@/services/mixpanel'; import { axiosPostBoard } from '@/utils/apiInterface'; import { confirm } from '@/utils/confirm'; import { defaultState } from '@/utils/theme/default'; +import { toggleDialog } from '@/utils/toggleDialo'; export default function Create() { const [openModal, closeModal] = useModal(); @@ -29,6 +30,12 @@ export default function Create() { }; const handleConfirm = async () => { + const isPublic = await toggleDialog( + openModal, + closeModal, + '잠깐! 🙌', + '공개하기를 선택하면 내가 만든\n 스트링캣이 랜덤으로 홈에 공개돼요!', + ); const isConfirmed = await confirm( openModal, closeModal, @@ -38,6 +45,7 @@ export default function Create() { if (isConfirmed) { logging('click_submit_board_confirm', 'create'); const data = { + public: isPublic, theme: themelist[preview - 1], title: `${title}`, }; diff --git a/src/component/ToggleDialog.tsx b/src/component/ToggleDialog.tsx new file mode 100644 index 00000000..c351e0a3 --- /dev/null +++ b/src/component/ToggleDialog.tsx @@ -0,0 +1,80 @@ +import { useState } from 'react'; + +import BottomButton from './Common/BottomButton'; +import { bodyFontState } from '@/recoil/font/body'; +import { titleFontState } from '@/recoil/font/title'; + +interface Props { + resolve: (value: boolean | PromiseLike) => void; + closeModal: () => void; + title: string; + description: string; +} + +export default function ToggleDialog({ + resolve, + title, + description, + closeModal, +}: Props) { + const [isPublic, setIsPublic] = useState(false); + return ( +
+
+

+ {title} +

+ {description && ( +

+ {description} +

+ )} +
+ +
+
+ { + resolve(isPublic); + closeModal(); + }} + /> +
+
+
+ ); +} diff --git a/src/utils/toggleDialo.tsx b/src/utils/toggleDialo.tsx new file mode 100644 index 00000000..27402e3c --- /dev/null +++ b/src/utils/toggleDialo.tsx @@ -0,0 +1,23 @@ +import { Dispatch, SetStateAction } from 'react'; + +import ToggleDialog from '@/component/ToggleDialog'; + +export const toggleDialog = ( + openModal: (modalComponent: JSX.Element) => void, + closeModal: () => void, + title: string, + description: string, +): Promise => { + return new Promise((resolve) => { + openModal( + { + closeModal(); + }} + resolve={resolve} + title={title} + description={description} + />, + ); + }); +}; From e53cf46709dc0b0a7ef7455d16316db742c478c8 Mon Sep 17 00:00:00 2001 From: arkingco Date: Sun, 14 Apr 2024 09:43:56 +0900 Subject: [PATCH 07/19] =?UTF-8?q?feat:=20=EA=B3=B5=EA=B0=9C=20=EB=94=B1?= =?UTF-8?q?=EC=A7=80=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=B6=94=EA=B0=80=20?= =?UTF-8?q?#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/PublicBadge.svg | 5 +++++ src/component/Common/Icon/PublicBadge.tsx | 26 +++++++++++++++++++++++ 2 files changed, 31 insertions(+) create mode 100644 public/PublicBadge.svg create mode 100644 src/component/Common/Icon/PublicBadge.tsx diff --git a/public/PublicBadge.svg b/public/PublicBadge.svg new file mode 100644 index 00000000..a86721a8 --- /dev/null +++ b/public/PublicBadge.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/component/Common/Icon/PublicBadge.tsx b/src/component/Common/Icon/PublicBadge.tsx new file mode 100644 index 00000000..6db5af62 --- /dev/null +++ b/src/component/Common/Icon/PublicBadge.tsx @@ -0,0 +1,26 @@ +export default function PublicBadge() { + return ( + + + + + + ); +} From 5f6232f7d3bd0e376f385e6c52d44f87a39f1939 Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 29 Apr 2024 05:40:25 +0900 Subject: [PATCH 08/19] =?UTF-8?q?feat:=20openStrcat=20api=EC=97=B0?= =?UTF-8?q?=EA=B1=B8=20=EB=B0=8F=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=97=B0?= =?UTF-8?q?=EB=8F=99=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/OpenStrcat.tsx | 65 ++++++++++++++++++++++++----- src/component/OpenStrcatBoard.tsx | 69 +++++++++++++------------------ src/types/openBoard.ts | 6 ++- src/utils/apiInterface.tsx | 2 +- 4 files changed, 87 insertions(+), 55 deletions(-) diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index c66b5ff2..60c4c103 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -4,9 +4,11 @@ interface Props { id: string; bgAndBorderColor: string; timeTextColor: string; + theme: string; + contentCount: string; + contentTextCount: string; title: string; - description: string; - time: string; + lastContentCreatedAt: string; } export default function OpenStrcat({ @@ -14,23 +16,30 @@ export default function OpenStrcat({ bgAndBorderColor, timeTextColor, title, - description, - time, + contentCount, + contentTextCount, + lastContentCreatedAt, }: Props) { + const truncatedTitle = truncateText(title, 19); + const contentText = `${contentCount}개의 마음이 ${contentTextCount}자 이어졌어요!`; + const truncatedContentText = truncateText(contentText, 37); + return ( -
+
-
-
{title}
-
- {description} +
+
+ {truncatedTitle} +
+
+ {truncatedContentText}
- {time} + {timeString(lastContentCreatedAt)}
@@ -38,4 +47,38 @@ export default function OpenStrcat({ ); } -const timeString = () => {}; +function truncateText(text: string, maxLength: number) { + if (text.length > maxLength) { + return text.substring(0, maxLength - 1) + '...'; + } + return text; +} + +const timeString = (date: string) => { + const now = new Date(); + const lastContentCreatedAt = new Date(date); + const diff = now.getTime() - lastContentCreatedAt.getTime(); + const diffSeconds = Math.floor(diff / 1000); + const diffMinutes = Math.floor(diffSeconds / 60); + const diffHours = Math.floor(diffMinutes / 60); + const diffDays = Math.floor(diffHours / 24); + const diffWeeks = Math.floor(diffDays / 7); + const diffMonths = Math.floor(diffDays / 30); + const diffYears = Math.floor(diffMonths / 12); + + if (diffSeconds < 11 * 60) { + return '방금'; + } else if (diffMinutes < 60) { + return `${diffMinutes}분 전`; + } else if (diffHours < 24) { + return `${diffHours}시간 전`; + } else if (diffDays < 7) { + return `${diffDays}일 전`; + } else if (diffWeeks < 4) { + return `${diffWeeks}주 전`; + } else if (diffMonths < 12) { + return `${diffMonths}개월 전`; + } else { + return `${diffYears}년 전`; + } +}; diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index 240eec1a..27cd698c 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -9,56 +9,43 @@ interface Props { export default function OpenStrcatBoard({ openBoard }: Props) { const bgAndBorderColor: Record = { - 'strcat-night': 'bg-strcat-night/50 border-strcat-night', - 'strcat-peach': 'bg-strcat-peach/50 border-strcat-peach', - 'strcat-lilac': 'bg-strcat-lilac/50 border-strcat-lilac', - 'strcat-chris': 'bg-strcat-chris/50 border-strcat-chris', - 'strcat-mas': 'bg-strcat-mas/50 border-strcat-mas', - 'strcat-sul': 'bg-strcat-sul/50 border-strcat-sul', - 'strcat-spring': 'bg-strcat-spring/50 border-strcat-spring', + night: 'bg-strcat-night/50 border-strcat-night', + peach: 'bg-strcat-peach/50 border-strcat-peach', + lilac: 'bg-strcat-lilac/50 border-strcat-lilac', + chris: 'bg-strcat-chris/50 border-strcat-chris', + mas: 'bg-strcat-mas/50 border-strcat-mas', + sul: 'bg-strcat-sul/50 border-strcat-sul', + spring: 'bg-strcat-spring/50 border-strcat-spring', }; const textColor: Record = { - 'strcat-night': 'text-strcat-night', - 'strcat-peach': 'text-strcat-peach', - 'strcat-lilac': 'text-strcat-lilac', - 'strcat-chris': 'text-white', - 'strcat-mas': 'text-white', - 'strcat-sul': 'text-strcat-sul', - 'strcat-spring': 'text-strcat-spring', + night: 'text-strcat-night', + peach: 'text-strcat-peach', + lilac: 'text-strcat-lilac', + chris: 'text-white', + mas: 'text-white', + sul: 'text-strcat-sul', + spring: 'text-strcat-spring', }; - const colorList = Array.from( - { length: 10 }, - (_, index) => - bgAndBorderColor[ - Object.keys(bgAndBorderColor)[ - index % Object.keys(bgAndBorderColor).length - ] - ], - ); - - const textColorList = Array.from( - { length: 10 }, - (_, index) => - textColor[Object.keys(textColor)[index % Object.keys(textColor).length]], - ); - return (
{openBoard.map((item, i) => { return ( - - - +
+ + + +
); })}
diff --git a/src/types/openBoard.ts b/src/types/openBoard.ts index 50080c2c..301608fa 100644 --- a/src/types/openBoard.ts +++ b/src/types/openBoard.ts @@ -1,6 +1,8 @@ export interface openBoard { + contentCount: string; + contentTextCount: string; id: string; + lastContentCreatedAt: string; + theme: string; title: string; - description: string; - time: string; } diff --git a/src/utils/apiInterface.tsx b/src/utils/apiInterface.tsx index f86426b8..0dc3caa9 100644 --- a/src/utils/apiInterface.tsx +++ b/src/utils/apiInterface.tsx @@ -7,7 +7,7 @@ export const axiosGetBoard = (id: string) => { }; export const axiosGetPublicBoard = () => { - return axios.get(`/api/public`); + return axiosInstance.get(`/boards/public`); }; export const axiosGetBoardSummaries = (id: string) => { From 2b135ff66e50eb6170adf252510b9500ec984b79 Mon Sep 17 00:00:00 2001 From: arkingco Date: Thu, 16 May 2024 07:51:21 +0900 Subject: [PATCH 09/19] =?UTF-8?q?feat:=20random=20content=20=EA=B7=B8?= =?UTF-8?q?=EB=A6=AC=EA=B8=B0=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/OpenStrcatBoard.tsx | 44 ++++++++++++++++--------------- 1 file changed, 23 insertions(+), 21 deletions(-) diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index 27cd698c..0c387029 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -22,32 +22,34 @@ export default function OpenStrcatBoard({ openBoard }: Props) { night: 'text-strcat-night', peach: 'text-strcat-peach', lilac: 'text-strcat-lilac', - chris: 'text-white', - mas: 'text-white', + chris: 'text-white/70', + mas: 'text-white/70', sul: 'text-strcat-sul', spring: 'text-strcat-spring', }; return ( -
- {openBoard.map((item, i) => { - return ( -
- - - -
- ); - })} +
+ {openBoard + .sort(() => 0.5 - Math.random()) + .map((item, i) => { + return ( +
+ + + +
+ ); + })}
); } From 427874741cc85e2956ff3f9000202622a272e2a1 Mon Sep 17 00:00:00 2001 From: arkingco Date: Thu, 16 May 2024 07:51:42 +0900 Subject: [PATCH 10/19] =?UTF-8?q?feat:=20content=20text=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/OpenStrcat.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index 60c4c103..4a3f567c 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -21,7 +21,7 @@ export default function OpenStrcat({ lastContentCreatedAt, }: Props) { const truncatedTitle = truncateText(title, 19); - const contentText = `${contentCount}개의 마음이 ${contentTextCount}자 이어졌어요!`; + const contentText = `${contentCount}개의 마음이, ${contentTextCount}자 이어졌어요!`; const truncatedContentText = truncateText(contentText, 37); return ( From ae3e8ea282ea73d21ace41e47f2b6655b6458cc6 Mon Sep 17 00:00:00 2001 From: arkingco Date: Thu, 16 May 2024 07:52:29 +0900 Subject: [PATCH 11/19] =?UTF-8?q?fix:=20rayout=20use=20client=20=EC=82=AD?= =?UTF-8?q?=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/layout.tsx | 9 +++------ src/component/Common/AxiosInterceptor.tsx | 2 ++ src/component/InApp.tsx | 2 ++ src/component/RecoilWrapper.tsx | 11 +++++++++++ 4 files changed, 18 insertions(+), 6 deletions(-) create mode 100644 src/component/RecoilWrapper.tsx diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 9720239c..e19520ee 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,7 +1,3 @@ -'use client'; - -import { RecoilRoot } from 'recoil'; - import Script from 'next/script'; import './globals.css'; @@ -10,6 +6,7 @@ import Description from '@/component/Common/Description'; import Modal from '@/component/Common/Modal'; import OpenGraph from '@/component/Common/OpenGraph'; import InApp from '@/component/InApp'; +import RecoilWrapper from '@/component/RecoilWrapper'; export default function RootLayout({ children, @@ -46,11 +43,11 @@ export default function RootLayout({
- + {children} - +
diff --git a/src/component/Common/AxiosInterceptor.tsx b/src/component/Common/AxiosInterceptor.tsx index a6ef76ff..d9233a3e 100644 --- a/src/component/Common/AxiosInterceptor.tsx +++ b/src/component/Common/AxiosInterceptor.tsx @@ -1,3 +1,5 @@ +'use client'; + import { useInterceptor } from '@/hooks/useInterceptor'; export default function AxiosInterceptor() { diff --git a/src/component/InApp.tsx b/src/component/InApp.tsx index e9a94946..96461ca2 100644 --- a/src/component/InApp.tsx +++ b/src/component/InApp.tsx @@ -1,3 +1,5 @@ +'use client'; + import { useEffect } from 'react'; export default function InApp() { diff --git a/src/component/RecoilWrapper.tsx b/src/component/RecoilWrapper.tsx new file mode 100644 index 00000000..dd3336e3 --- /dev/null +++ b/src/component/RecoilWrapper.tsx @@ -0,0 +1,11 @@ +'use client'; + +import { RecoilRoot } from 'recoil'; + +export default function RecoilWrapper({ + children, +}: { + children: React.ReactNode; +}) { + return {children}; +} From 3ae8f692de65daf8145ae2b44015082c3ae7dc0a Mon Sep 17 00:00:00 2001 From: arkingco Date: Thu, 16 May 2024 14:09:50 +0900 Subject: [PATCH 12/19] =?UTF-8?q?fix:=20=EC=82=AC=EC=9A=A9=ED=95=98?= =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20=ED=97=A4=EB=8D=94=20=EC=82=AD?= =?UTF-8?q?=EC=A0=9C#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/OpenStrcat.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index 4a3f567c..371a21a9 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -1,5 +1,3 @@ -import { openBoard } from '@/types/openBoard'; - interface Props { id: string; bgAndBorderColor: string; From f11b07e3d4639f81b341ebc829b645c20a1adbf6 Mon Sep 17 00:00:00 2001 From: arkingco Date: Thu, 16 May 2024 14:10:54 +0900 Subject: [PATCH 13/19] =?UTF-8?q?feat:=20pc=EB=B2=84=EC=A0=84=20=EA=B3=B5?= =?UTF-8?q?=EA=B0=9C=20=EC=8A=A4=ED=8A=B8=EB=A7=81=EC=BA=A3=20=EC=8A=A4?= =?UTF-8?q?=ED=81=AC=EB=A1=A4=20=EB=B0=94=20=EC=83=9D=EC=84=B1=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 2 +- src/component/OpenStrcatBoard.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 8eb6162c..76544c32 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -23,6 +23,6 @@ body { -ms-overflow-style: none; } + ::-webkit-scrollbar { - display: none; } diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index 0c387029..bf8f72e6 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -29,7 +29,7 @@ export default function OpenStrcatBoard({ openBoard }: Props) { }; return ( -
+
{openBoard .sort(() => 0.5 - Math.random()) .map((item, i) => { From a6f317074ed11ad489b56da12f6551862b964bcb Mon Sep 17 00:00:00 2001 From: arkingco Date: Thu, 16 May 2024 14:26:52 +0900 Subject: [PATCH 14/19] =?UTF-8?q?refactor:=20Props=20=EC=9D=B4=EB=A6=84=20?= =?UTF-8?q?=EC=88=98=EC=A0=95#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/OpenStrcat.tsx | 12 ++++++------ src/component/OpenStrcatBoard.tsx | 26 ++++---------------------- src/types/theme.ts | 20 ++++++++++++++++++++ 3 files changed, 30 insertions(+), 28 deletions(-) diff --git a/src/component/OpenStrcat.tsx b/src/component/OpenStrcat.tsx index 371a21a9..a09bfcc3 100644 --- a/src/component/OpenStrcat.tsx +++ b/src/component/OpenStrcat.tsx @@ -1,7 +1,7 @@ interface Props { id: string; - bgAndBorderColor: string; - timeTextColor: string; + OpenBoardThemeColor: string; + OpenBoardTextColor: string; theme: string; contentCount: string; contentTextCount: string; @@ -11,8 +11,8 @@ interface Props { export default function OpenStrcat({ id, - bgAndBorderColor, - timeTextColor, + OpenBoardThemeColor, + OpenBoardTextColor, title, contentCount, contentTextCount, @@ -25,7 +25,7 @@ export default function OpenStrcat({ return (
@@ -36,7 +36,7 @@ export default function OpenStrcat({
-
+
{timeString(lastContentCreatedAt)}
diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index bf8f72e6..e1e1f059 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -2,32 +2,14 @@ import Link from 'next/link'; import OpenStrcat from './OpenStrcat'; import { openBoard } from '@/types/openBoard'; +import { OpenBoardTextColor, OpenBoardThemeColor } from '@/types/theme'; interface Props { openBoard: openBoard[]; } export default function OpenStrcatBoard({ openBoard }: Props) { - const bgAndBorderColor: Record = { - night: 'bg-strcat-night/50 border-strcat-night', - peach: 'bg-strcat-peach/50 border-strcat-peach', - lilac: 'bg-strcat-lilac/50 border-strcat-lilac', - chris: 'bg-strcat-chris/50 border-strcat-chris', - mas: 'bg-strcat-mas/50 border-strcat-mas', - sul: 'bg-strcat-sul/50 border-strcat-sul', - spring: 'bg-strcat-spring/50 border-strcat-spring', - }; - - const textColor: Record = { - night: 'text-strcat-night', - peach: 'text-strcat-peach', - lilac: 'text-strcat-lilac', - chris: 'text-white/70', - mas: 'text-white/70', - sul: 'text-strcat-sul', - spring: 'text-strcat-spring', - }; - + console.log(); return (
{openBoard @@ -38,8 +20,8 @@ export default function OpenStrcatBoard({ openBoard }: Props) { = { + night: 'bg-strcat-night/50 border-strcat-night', + peach: 'bg-strcat-peach/50 border-strcat-peach', + lilac: 'bg-strcat-lilac/50 border-strcat-lilac', + chris: 'bg-strcat-chris/50 border-strcat-chris', + mas: 'bg-strcat-mas/50 border-strcat-mas', + sul: 'bg-strcat-sul/50 border-strcat-sul', + spring: 'bg-strcat-spring/50 border-strcat-spring', +}; + +export const OpenBoardTextColor: Record = { + night: 'text-strcat-night', + peach: 'text-strcat-peach', + lilac: 'text-strcat-lilac', + chris: 'text-white/70', + mas: 'text-white/70', + sul: 'text-strcat-sul', + spring: 'text-strcat-spring', +}; From d49ccf0c78a9aad2b9f32835e2c9ea0e2b23e55e Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 27 May 2024 14:01:11 +0900 Subject: [PATCH 15/19] =?UTF-8?q?feat:=20=EB=A7=88=EC=9A=B0=EC=8A=A4=20?= =?UTF-8?q?=EA=B0=80=EB=A1=9C=20=EC=8A=A4=ED=81=AC=EB=A1=A4=EC=9D=B4?= =?UTF-8?q?=EB=B2=A4=ED=8A=B8=EB=A5=BC=20=EC=9C=84=ED=95=9C=20swiper=20js?= =?UTF-8?q?=20=EC=A0=81=EC=9A=A9#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 21 ++++++++++++++++- package.json | 3 ++- src/app/globals.css | 1 + src/component/OpenStrcatBoard.tsx | 39 +++++++++++++++++-------------- 4 files changed, 45 insertions(+), 19 deletions(-) diff --git a/package-lock.json b/package-lock.json index 10971b45..573a7e54 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,8 @@ "next": "13.5.6", "react": "^18", "react-dom": "^18", - "recoil": "^0.7.7" + "recoil": "^0.7.7", + "swiper": "^11.1.3" }, "devDependencies": { "@trivago/prettier-plugin-sort-imports": "^4.3.0", @@ -4665,6 +4666,24 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/swiper": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.3.tgz", + "integrity": "sha512-80MSxonyTxrGcaWj9YgvvhD8OG0B9/9IVZP33vhIEvyWvmKjnQDBieO+29wKvMx285sAtvZyrWBdkxaw6+D3aw==", + "funding": [ + { + "type": "patreon", + "url": "https://www.patreon.com/swiperjs" + }, + { + "type": "open_collective", + "url": "http://opencollective.com/swiper" + } + ], + "engines": { + "node": ">= 4.7.0" + } + }, "node_modules/tailwind-scrollbar": { "version": "3.0.5", "resolved": "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-3.0.5.tgz", diff --git a/package.json b/package.json index 82dfa214..51cc8e99 100644 --- a/package.json +++ b/package.json @@ -19,7 +19,8 @@ "next": "13.5.6", "react": "^18", "react-dom": "^18", - "recoil": "^0.7.7" + "recoil": "^0.7.7", + "swiper": "^11.1.3" }, "devDependencies": { "@trivago/prettier-plugin-sort-imports": "^4.3.0", diff --git a/src/app/globals.css b/src/app/globals.css index 76544c32..c6d9964e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -25,4 +25,5 @@ body { } ::-webkit-scrollbar { + display: block; } diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index e1e1f059..da861c82 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -1,37 +1,42 @@ +import 'react'; + import Link from 'next/link'; import OpenStrcat from './OpenStrcat'; import { openBoard } from '@/types/openBoard'; import { OpenBoardTextColor, OpenBoardThemeColor } from '@/types/theme'; +import 'swiper/css'; +import { Swiper, SwiperSlide } from 'swiper/react'; interface Props { openBoard: openBoard[]; } export default function OpenStrcatBoard({ openBoard }: Props) { - console.log(); return ( -
- {openBoard - .sort(() => 0.5 - Math.random()) - .map((item, i) => { +
+ + {openBoard.map((item, i) => { return (
- - - + + + + +
); })} +
); } From c25767eac7ffdf2169e6f9d18d1f79d710427be2 Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 27 May 2024 14:12:39 +0900 Subject: [PATCH 16/19] =?UTF-8?q?feat:=20openStrcat=20=EC=B2=AB=20?= =?UTF-8?q?=EC=BD=98=ED=85=90=EC=B8=A0=EC=97=90=20padding-left=2024px?= =?UTF-8?q?=EC=B6=94=EA=B0=80#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/page.tsx | 2 +- src/component/OpenStrcatBoard.tsx | 35 ++++++++++++++++--------------- 2 files changed, 19 insertions(+), 18 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 22a60455..b5fcad1e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -61,8 +61,8 @@ export default function Home() {
다른 사람이 공개한 스트링켓이에요 -
+
- + {openBoard.map((item, i) => { return ( -
- - - - - -
+ + + + + ); })} From 7a684843e7217b31311560231eaa946c67cdb27a Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 27 May 2024 14:22:29 +0900 Subject: [PATCH 17/19] =?UTF-8?q?fix:=20=EB=B6=88=ED=95=84=EC=9A=94?= =?UTF-8?q?=ED=95=9C=20=EC=BD=94=EB=93=9C=20=EC=A0=9C=EA=B1=B0#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 2 +- src/app/page.tsx | 1 - src/component/OpenStrcatBoard.tsx | 7 ++----- src/utils/apiInterface.tsx | 2 -- 4 files changed, 3 insertions(+), 9 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index c6d9964e..c85d7e48 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -25,5 +25,5 @@ body { } ::-webkit-scrollbar { - display: block; + display: none; } diff --git a/src/app/page.tsx b/src/app/page.tsx index b5fcad1e..81dc96d8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -41,7 +41,6 @@ export default function Home() { router.push('/login'); } }; - console.log(openBoard); const handleClickStart = () => { logging('click_guestbook', 'main'); diff --git a/src/component/OpenStrcatBoard.tsx b/src/component/OpenStrcatBoard.tsx index bff1da24..ab57434d 100644 --- a/src/component/OpenStrcatBoard.tsx +++ b/src/component/OpenStrcatBoard.tsx @@ -18,11 +18,8 @@ export default function OpenStrcatBoard({ openBoard }: Props) { {openBoard.map((item, i) => { return ( - - + + { From 3facdaf4c8499713a4fedc0023ba0b0e1ddcdf0d Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 27 May 2024 14:33:15 +0900 Subject: [PATCH 18/19] =?UTF-8?q?fix:=20=EA=B3=B5=EA=B0=9C=20=ED=86=A0?= =?UTF-8?q?=EA=B8=80=20=EA=B3=B5=20=EC=83=89=20=EC=88=98=EC=A0=95=20#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/ToggleDialog.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/component/ToggleDialog.tsx b/src/component/ToggleDialog.tsx index c351e0a3..ab52b7bc 100644 --- a/src/component/ToggleDialog.tsx +++ b/src/component/ToggleDialog.tsx @@ -51,7 +51,7 @@ export default function ToggleDialog({ }`} >
From b73506e4eb2693a568c49107170eea7e7595bf8a Mon Sep 17 00:00:00 2001 From: arkingco Date: Mon, 27 May 2024 14:33:40 +0900 Subject: [PATCH 19/19] =?UTF-8?q?fix:=20=ED=95=84=EC=9A=94=20=EC=97=86?= =?UTF-8?q?=EB=8A=94=20=EC=BD=94=EB=93=9C=20=EC=82=AD=EC=A0=9C#405?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/ToggleDialog.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/component/ToggleDialog.tsx b/src/component/ToggleDialog.tsx index ab52b7bc..01bb4048 100644 --- a/src/component/ToggleDialog.tsx +++ b/src/component/ToggleDialog.tsx @@ -19,7 +19,7 @@ export default function ToggleDialog({ }: Props) { const [isPublic, setIsPublic] = useState(false); return ( -
+