From 600282262e61cf1c2cd4f3f33e6d648d3360831b Mon Sep 17 00:00:00 2001 From: eunhak Date: Sun, 19 May 2024 20:57:48 +0900 Subject: [PATCH 01/11] =?UTF-8?q?feat:=20mypage=20=EB=BC=88=EB=8C=80=20?= =?UTF-8?q?=EA=B5=AC=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/mypage/guide/index.tsx | 273 ++++++++++++++++++++++++++++ src/pages/mypage/index.tsx | 158 ++++++++++++++++ src/pages/mypage/withdraw/index.tsx | 110 +++++++++++ 3 files changed, 541 insertions(+) create mode 100644 src/pages/mypage/guide/index.tsx create mode 100644 src/pages/mypage/index.tsx create mode 100644 src/pages/mypage/withdraw/index.tsx diff --git a/src/pages/mypage/guide/index.tsx b/src/pages/mypage/guide/index.tsx new file mode 100644 index 0000000..24324a2 --- /dev/null +++ b/src/pages/mypage/guide/index.tsx @@ -0,0 +1,273 @@ +const GuidePage = () => { + return ( +
+
+
+
+
+
+ 9:41 +
+
+
+
+ +
+
+
+
+
+
+ 이용 가이드 +
+
+
+
+ 네트워크 이용 가이드 +
+
+ 현재 층에 맞는 Offispace 와이파이에 접속해 인터넷을 사용하세요. +
+ -네트워크 명: 지점 상세페이지 확인 +
+ -암호: 지점 상세페이지 확인 +
+
+ 사무실 벽면 랜포트에 랜선을 연결해 인터넷을 사용하세요.
+ 추가 랜포트나 허브가 필요하다면 매니저에게 문의하세요. +
+
+ 공인/사설 IP 신청이 필요하거나 기타 네트워크 인프라에
+ 관한 문의가 필요하다면 1:1 문의를 사용해주세요. +
+
+
+
+
+
+
+
+
+ 무선 인터넷 +
+
+
+
+
+
+
+
+ 유선 인터넷 +
+
+
+
+
+
+
+
+
+
+ ip신청 +
+
+
+
+ 공간 예약 가이드 +
+
+ 방문객 초대 가이드 +
+
+ 사전신청 +
+
+ 승인 +
+
+ 출입 +
+
+ Offispace에는 목적에 맞게 사용할 수 있는 다양한 공간이 준비되어 있습니다. 앱 및 + 웹페이지의 예약 메뉴를 통해 다양한 공간을 이용해보세요. +
+
+ + Step1.
+ + + 사전 신청을 통해 Offispace에 방문객을 초대해보세요! +
+ + +
+ + + Step2.
+ + + 방문객 초대 전 각 지점의 매니저에게 방문객 명수, 방문 예정 시간을 알리고 사전 + 승인을 받아야 합니다.
+ + +
+ + + Step3.
+ + + 보안을 위해 사전 승인을 받은 방문객만 출입가능합니다. + +
+
+
+
+
+
+
+
+
+
+ 미팅룸 +
+
+
+ 3~15인까지 사용할 수 있는 다양한 크기의 미팅룸이 있습니다. +
+
+
+
+
+
+
+ 비품 등 공간에 대한 정보는 공간 상세 페이지를 통해 확인하세요. +
+
+
+
+
+
+
+ 리차징룸 +
+
+
+ 업무 중 충전이 필요할 때 사용할 수 있는 공간이 있습니다. +
+
+ 지점 별로 운영 여부가 상이하니 확인 후 예약을 진행해주세요. +
+
+
+
+
+
+
+
+
+ 포커스룸 +
+
+
+ 파티션으로 분리된 조용한 환경에서 업무에 몰입해보세요. +
+
+ + 이용 Tip!
+ + +
+ 음식 섭취는? +
+ 모두를 위해 취식이 가능한 공간에서만 해주세요. +
+ + +
+ + + 이용 종료 후에는? +
+ 다음 이용자를 위해 꼭 이용 종료 버튼을 눌러주세요. + +
+
+ Step 1 +
+
+ Step 2 +
+
+ Step 3 +
+
+
+
+ +
+
+ 홈 +
+
+
+
+
+
+
+
+
+
+
+ 예약 +
+
+
+
+
+ 내 주변 +
+
+
+
+
+
+
+
+
+ 커뮤니티 +
+
+
+
+
+ 마이 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ); +}; + +export default GuidePage; diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx new file mode 100644 index 0000000..80dafd9 --- /dev/null +++ b/src/pages/mypage/index.tsx @@ -0,0 +1,158 @@ +const MyPage = () => { + return ( +
+
+
+
+
+
+
+
+ 이용가이드 +
+
+
+
+
+
+ 9:41 +
+
+
+
+ +
+
+
+
+
+ 닉네임_123 +
+
+ 디자인 +
+
+
+ user1@example.com +
+
+
+
+
+
+
+
+
+ 프로필 수정 +
+
+
+
+
+
+
+ 설정 +
+
+
+
+
+ 알림 설정 +
+
+
+
+
+
+
+ 로그아웃 +
+
+
+
+ 회원탈퇴 +
+
+
+
+
+
+
+
+
+ 공지사항 +
+
+
+
+
+
+
+
+ +
+
+
+
+ 1:1 문의 +
+
+
+
+
+
+ +
+
+ 홈 +
+
+
+
+
+
+
+
+
+
+
+ 예약 +
+
+
+
+
+ 내 주변 +
+
+
+
+
+
+
+
+
+ 커뮤니티 +
+
+
+
+
+ 마이 +
+
+
+
+ ); +}; + +export default MyPage; diff --git a/src/pages/mypage/withdraw/index.tsx b/src/pages/mypage/withdraw/index.tsx new file mode 100644 index 0000000..a1b7021 --- /dev/null +++ b/src/pages/mypage/withdraw/index.tsx @@ -0,0 +1,110 @@ +const withDrawPage = () => { + return ( +
+
+
+
+ 9:41 +
+
+
+
+ +
+
+
+
+
+
+ 회원탈퇴 +
+
+
+
+
+
+ 회원탈퇴 +
+
+
+
+ 떠나시게 되어 아쉬워요. +
+ 유의 사항을 확인해주세요. +
+
+ 회원 탈퇴 시 유의 사항 +
+
+
+ ・회원 탈퇴 시 개인정보는 삭제되고 복구되지 않습니다. +
+
+ ・동일 이메일로 재가입 시 인증 절차를 다시 진행해야 합니다. +
+
+ ・커뮤니티 내에 작성하셨던 글과 댓글은 삭제할 수 없습니다. (추후 동일 이메일로 + 재가입 시에도 삭제 불가능) +
+
+ ・예약된 내역은 모두 예약 취소 처리됩니다. (참여자일 경우 참여자에서만 제외) +
+
+ 안내 사항을 모두 확인하였으며, 이에 동의합니다. +
+
+
+
+
+ +
+
+ 홈 +
+
+
+
+
+
+
+
+
+
+
+ 예약 +
+
+
+
+
+ 내 주변 +
+
+
+
+
+
+
+
+
+ 커뮤니티 +
+
+
+
+
+ 마이 +
+
+
+
+ ); +}; + +export default withDrawPage; From 07f591502b0595fb06086beb2b0c6751cb760d87 Mon Sep 17 00:00:00 2001 From: eunhak Date: Mon, 20 May 2024 22:46:47 +0900 Subject: [PATCH 02/11] feat: Add Image --- public/mypage/Guide.svg | 7 +++ public/mypage/Inquiry.svg | 9 +++ public/mypage/Notice.svg | 12 ++++ public/mypage/ProfileImage.svg | 8 +++ public/mypage/RightArrowIcon.svg | 3 + public/mypage/Vector.svg | 3 + public/mypage/guide/Accept.svg | 14 +++++ public/mypage/guide/Application.svg | 11 ++++ public/mypage/guide/Ellipse.svg | 3 + public/mypage/guide/Enter.svg | 7 +++ public/mypage/guide/FocusRoom.svg | 29 ++++++++++ public/mypage/guide/Ip.svg | 17 ++++++ public/mypage/guide/Lan.svg | 9 +++ public/mypage/guide/MeetingRoom.svg | 15 +++++ public/mypage/guide/RechargingRoom.svg | 55 +++++++++++++++++++ public/mypage/guide/RightArrow.svg | 3 + public/mypage/guide/Wifi.svg | 7 +++ public/mypage/inquiry/DownArrow.svg | 5 ++ public/mypage/inquiry/Map.svg | 11 ++++ public/mypage/inquiry/UpArrow.svg | 5 ++ public/mypage/inquiry/Warning.svg | 7 +++ public/mypage/notice/DownArrow.svg | 5 ++ public/mypage/notice/UpArrow.svg | 5 ++ public/mypage/passwordchange/BackArrow.svg | 3 + public/mypage/passwordchange/WarnEllipse.svg | 6 ++ .../mypage/passwordchange/YellowEllipse.svg | 3 + public/mypage/profilechange/Camera.svg | 10 ++++ public/mypage/profilechange/ProfileImage.svg | 8 +++ 28 files changed, 280 insertions(+) create mode 100644 public/mypage/Guide.svg create mode 100644 public/mypage/Inquiry.svg create mode 100644 public/mypage/Notice.svg create mode 100644 public/mypage/ProfileImage.svg create mode 100644 public/mypage/RightArrowIcon.svg create mode 100644 public/mypage/Vector.svg create mode 100644 public/mypage/guide/Accept.svg create mode 100644 public/mypage/guide/Application.svg create mode 100644 public/mypage/guide/Ellipse.svg create mode 100644 public/mypage/guide/Enter.svg create mode 100644 public/mypage/guide/FocusRoom.svg create mode 100644 public/mypage/guide/Ip.svg create mode 100644 public/mypage/guide/Lan.svg create mode 100644 public/mypage/guide/MeetingRoom.svg create mode 100644 public/mypage/guide/RechargingRoom.svg create mode 100644 public/mypage/guide/RightArrow.svg create mode 100644 public/mypage/guide/Wifi.svg create mode 100644 public/mypage/inquiry/DownArrow.svg create mode 100644 public/mypage/inquiry/Map.svg create mode 100644 public/mypage/inquiry/UpArrow.svg create mode 100644 public/mypage/inquiry/Warning.svg create mode 100644 public/mypage/notice/DownArrow.svg create mode 100644 public/mypage/notice/UpArrow.svg create mode 100644 public/mypage/passwordchange/BackArrow.svg create mode 100644 public/mypage/passwordchange/WarnEllipse.svg create mode 100644 public/mypage/passwordchange/YellowEllipse.svg create mode 100644 public/mypage/profilechange/Camera.svg create mode 100644 public/mypage/profilechange/ProfileImage.svg diff --git a/public/mypage/Guide.svg b/public/mypage/Guide.svg new file mode 100644 index 0000000..77354e7 --- /dev/null +++ b/public/mypage/Guide.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/mypage/Inquiry.svg b/public/mypage/Inquiry.svg new file mode 100644 index 0000000..522fc13 --- /dev/null +++ b/public/mypage/Inquiry.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/mypage/Notice.svg b/public/mypage/Notice.svg new file mode 100644 index 0000000..c0acca4 --- /dev/null +++ b/public/mypage/Notice.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/mypage/ProfileImage.svg b/public/mypage/ProfileImage.svg new file mode 100644 index 0000000..cce8889 --- /dev/null +++ b/public/mypage/ProfileImage.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/mypage/RightArrowIcon.svg b/public/mypage/RightArrowIcon.svg new file mode 100644 index 0000000..420748b --- /dev/null +++ b/public/mypage/RightArrowIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/mypage/Vector.svg b/public/mypage/Vector.svg new file mode 100644 index 0000000..0d8ffe3 --- /dev/null +++ b/public/mypage/Vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/mypage/guide/Accept.svg b/public/mypage/guide/Accept.svg new file mode 100644 index 0000000..1bfe095 --- /dev/null +++ b/public/mypage/guide/Accept.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/mypage/guide/Application.svg b/public/mypage/guide/Application.svg new file mode 100644 index 0000000..8a7b9a9 --- /dev/null +++ b/public/mypage/guide/Application.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/mypage/guide/Ellipse.svg b/public/mypage/guide/Ellipse.svg new file mode 100644 index 0000000..c3ede61 --- /dev/null +++ b/public/mypage/guide/Ellipse.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/mypage/guide/Enter.svg b/public/mypage/guide/Enter.svg new file mode 100644 index 0000000..c30e2da --- /dev/null +++ b/public/mypage/guide/Enter.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/mypage/guide/FocusRoom.svg b/public/mypage/guide/FocusRoom.svg new file mode 100644 index 0000000..8a10a2b --- /dev/null +++ b/public/mypage/guide/FocusRoom.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/mypage/guide/Ip.svg b/public/mypage/guide/Ip.svg new file mode 100644 index 0000000..48f4b38 --- /dev/null +++ b/public/mypage/guide/Ip.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/public/mypage/guide/Lan.svg b/public/mypage/guide/Lan.svg new file mode 100644 index 0000000..2371b38 --- /dev/null +++ b/public/mypage/guide/Lan.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/mypage/guide/MeetingRoom.svg b/public/mypage/guide/MeetingRoom.svg new file mode 100644 index 0000000..503bf0b --- /dev/null +++ b/public/mypage/guide/MeetingRoom.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/mypage/guide/RechargingRoom.svg b/public/mypage/guide/RechargingRoom.svg new file mode 100644 index 0000000..ed8f59c --- /dev/null +++ b/public/mypage/guide/RechargingRoom.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/mypage/guide/RightArrow.svg b/public/mypage/guide/RightArrow.svg new file mode 100644 index 0000000..8dc7e8f --- /dev/null +++ b/public/mypage/guide/RightArrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/mypage/guide/Wifi.svg b/public/mypage/guide/Wifi.svg new file mode 100644 index 0000000..1482aa9 --- /dev/null +++ b/public/mypage/guide/Wifi.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/mypage/inquiry/DownArrow.svg b/public/mypage/inquiry/DownArrow.svg new file mode 100644 index 0000000..c816dd5 --- /dev/null +++ b/public/mypage/inquiry/DownArrow.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/mypage/inquiry/Map.svg b/public/mypage/inquiry/Map.svg new file mode 100644 index 0000000..3cb2cfb --- /dev/null +++ b/public/mypage/inquiry/Map.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/mypage/inquiry/UpArrow.svg b/public/mypage/inquiry/UpArrow.svg new file mode 100644 index 0000000..8e2e12d --- /dev/null +++ b/public/mypage/inquiry/UpArrow.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/mypage/inquiry/Warning.svg b/public/mypage/inquiry/Warning.svg new file mode 100644 index 0000000..89388e6 --- /dev/null +++ b/public/mypage/inquiry/Warning.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/mypage/notice/DownArrow.svg b/public/mypage/notice/DownArrow.svg new file mode 100644 index 0000000..c816dd5 --- /dev/null +++ b/public/mypage/notice/DownArrow.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/mypage/notice/UpArrow.svg b/public/mypage/notice/UpArrow.svg new file mode 100644 index 0000000..8e2e12d --- /dev/null +++ b/public/mypage/notice/UpArrow.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/mypage/passwordchange/BackArrow.svg b/public/mypage/passwordchange/BackArrow.svg new file mode 100644 index 0000000..77c62dc --- /dev/null +++ b/public/mypage/passwordchange/BackArrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/mypage/passwordchange/WarnEllipse.svg b/public/mypage/passwordchange/WarnEllipse.svg new file mode 100644 index 0000000..5d3b930 --- /dev/null +++ b/public/mypage/passwordchange/WarnEllipse.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/mypage/passwordchange/YellowEllipse.svg b/public/mypage/passwordchange/YellowEllipse.svg new file mode 100644 index 0000000..4e8ca27 --- /dev/null +++ b/public/mypage/passwordchange/YellowEllipse.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/mypage/profilechange/Camera.svg b/public/mypage/profilechange/Camera.svg new file mode 100644 index 0000000..5c756b5 --- /dev/null +++ b/public/mypage/profilechange/Camera.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/mypage/profilechange/ProfileImage.svg b/public/mypage/profilechange/ProfileImage.svg new file mode 100644 index 0000000..cce8889 --- /dev/null +++ b/public/mypage/profilechange/ProfileImage.svg @@ -0,0 +1,8 @@ + + + + + + + + From c2580a704558d2fe45b3cea86149961736ee9be8 Mon Sep 17 00:00:00 2001 From: eunhak Date: Mon, 20 May 2024 23:32:01 +0900 Subject: [PATCH 03/11] =?UTF-8?q?feat:=20=EC=A0=84=EC=B2=B4=20UI=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84=EC=A4=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/mypage/changepassword/index.tsx | 183 +++++++++ src/pages/mypage/changeprofile/index.tsx | 112 ++++++ src/pages/mypage/guide/index.tsx | 438 ++++++++++------------ src/pages/mypage/index.tsx | 224 +++++------ src/pages/mypage/notice/index.tsx | 148 ++++++++ src/pages/mypage/question/index.tsx | 136 +++++++ src/pages/mypage/withdraw/index.tsx | 149 +++----- tailwind.config.ts | 18 +- 8 files changed, 942 insertions(+), 466 deletions(-) create mode 100644 src/pages/mypage/changepassword/index.tsx create mode 100644 src/pages/mypage/changeprofile/index.tsx create mode 100644 src/pages/mypage/notice/index.tsx create mode 100644 src/pages/mypage/question/index.tsx diff --git a/src/pages/mypage/changepassword/index.tsx b/src/pages/mypage/changepassword/index.tsx new file mode 100644 index 0000000..672309d --- /dev/null +++ b/src/pages/mypage/changepassword/index.tsx @@ -0,0 +1,183 @@ +import React, { useState } from 'react'; +import { useForm } from 'react-hook-form'; +import Link from 'next/link'; +import axios from 'axios'; +import { useMember } from '@/stores/user'; // Ensure this path is correct + +export default function PasswordChange() { + const { + register, + handleSubmit, + watch, + formState: { errors }, + setError + } = useForm({ mode: 'onChange' }); + const [currentPasswordVerified, setCurrentPasswordVerified] = useState(false); + const [passwordVerifiedButton, setPasswordVerifiedButton] = useState('확인'); + const member = useMember(); + + const onSubmit = async (data: any) => { + try { + // Dummy API call + await axios.post('/api/change-password', data); + alert('Password changed successfully'); + } catch (error) { + console.error(error); + } + }; + + const verifyCurrentPassword = () => { + // Dummy check - Replace with actual check + if (watch('currentPassword') === 'aaa') { + setCurrentPasswordVerified(true); + setPasswordVerifiedButton('확인완료'); + } else { + setError('currentPassword', { + type: 'manual', + message: '*일치하지 않습니다.' + }); + } + }; + + const newPassword = watch('newPassword'); + const newPasswordConfirm = watch('newPasswordConfirm'); + + const isNextButtonEnabled = + currentPasswordVerified && newPassword && newPassword === newPasswordConfirm; + return ( +
+
+ + Back + +

새로 사용할

+

비밀번호를 설정해주세요.

+ +
+ {/* Current Password Field */} +
+ + +
+ + + +
+
+ + {/* New Password Field */} +
+ +
+ +
+ +

+ Warning + 영문, 숫자, 특수문자 중 2가지 이상 조합 8-16자리 +

+
+ + {/* Confirm New Password Field */} +
+ +
+ + value === watch('newPassword') || '*일치하지 않습니다.' + })} + disabled={!currentPasswordVerified} + /> +
+
+ + {/* Next Button */} + + +
+
+
+ ); +} diff --git a/src/pages/mypage/changeprofile/index.tsx b/src/pages/mypage/changeprofile/index.tsx new file mode 100644 index 0000000..3b9e44d --- /dev/null +++ b/src/pages/mypage/changeprofile/index.tsx @@ -0,0 +1,112 @@ +import React, { useState } from 'react'; +import Link from 'next/link'; +// import { useQuery } from 'react-query'; // Uncomment when useQuery is available + +export default function Profile() { + const [selectedFile, setSelectedFile] = useState(null); + + // Mock state values + const [name, setName] = useState('닉네임_123'); + const [email, setEmail] = useState('user1@example.com'); + const [job, setJob] = useState('디자인'); + const [contact, setContact] = useState('+82 10-1234-5678'); + + const handleFileChange = (event) => { + setSelectedFile(event.target.files[0]); + }; + + const handleSubmit = (event) => { + event.preventDefault(); + const formData = new FormData(); + formData.append('file', selectedFile); + + // Dummy function for file upload, implement as needed + }; + + // Uncomment and implement useQuery to fetch real data + // const { data, isLoading, error } = useQuery('profileData', fetchProfileData); + + return ( +
+
+ {/* Profile Picture Section */} +
+
+ Profile Picture + +
+
+ + {/* Form Fields */} +
+ {/* Name Field */} +
+ +
+ {name} +
+
+ {/* Email Field */} +
+ +
+ {email} +
+
+ {/* Password Field */} +
+ + +
+ 비밀번호 변경하기 +
+ +
+ {/* Job Field */} +
+ +
+ {job} +
+
+ {/* Contact Field */} +
+ +
+ {contact} +
+
+
+
+
+ ); +} diff --git a/src/pages/mypage/guide/index.tsx b/src/pages/mypage/guide/index.tsx index 24324a2..d5712ec 100644 --- a/src/pages/mypage/guide/index.tsx +++ b/src/pages/mypage/guide/index.tsx @@ -1,271 +1,233 @@ +import React from 'react'; + const GuidePage = () => { return ( -
-
-
-
-
-
- 9:41 +
+
+
+ 네트워크 이용 가이드 +
+
+
+ Wifi
-
-
-
- -
-
-
-
-
-
- 이용 가이드 +
+
무선 인터넷
+
+ 현재 층에 맞는 Offispace 와이파이에 접속해 인터넷을 사용하세요. +
+ - 네트워크 명: 지점 상세페이지 확인 +
- 암호: 지점 상세페이지 확인 +
-
-
- 네트워크 이용 가이드 -
-
- 현재 층에 맞는 Offispace 와이파이에 접속해 인터넷을 사용하세요. -
- -네트워크 명: 지점 상세페이지 확인 -
- -암호: 지점 상세페이지 확인 -
-
- 사무실 벽면 랜포트에 랜선을 연결해 인터넷을 사용하세요.
- 추가 랜포트나 허브가 필요하다면 매니저에게 문의하세요. -
-
- 공인/사설 IP 신청이 필요하거나 기타 네트워크 인프라에
- 관한 문의가 필요하다면 1:1 문의를 사용해주세요. -
-
-
-
-
-
+
+ +
+
+ Lan
-
-
- 무선 인터넷 -
-
-
-
-
-
-
-
- 유선 인터넷 -
-
-
-
-
-
-
+
+
유선 인터넷
+
+ 사무실 벽면 랜포트에 랜선을 연결해 인터넷을 사용하세요. +
+ 추가 랜포트나 허브가 필요하다면 매니저에게 문의하세요. +
-
- ip신청 -
-
-
-
- 공간 예약 가이드 -
-
- 방문객 초대 가이드 -
-
- 사전신청 -
-
- 승인 -
-
- 출입 -
-
- Offispace에는 목적에 맞게 사용할 수 있는 다양한 공간이 준비되어 있습니다. 앱 및 - 웹페이지의 예약 메뉴를 통해 다양한 공간을 이용해보세요. -
-
- - Step1.
- - - 사전 신청을 통해 Offispace에 방문객을 초대해보세요! -
- - -
- - - Step2.
- - - 방문객 초대 전 각 지점의 매니저에게 방문객 명수, 방문 예정 시간을 알리고 사전 - 승인을 받아야 합니다.
- - -
- - - Step3.
- - - 보안을 위해 사전 승인을 받은 방문객만 출입가능합니다. - -
-
-
-
-
-
-
+ +
+ +
+
+ Ip +
+
+
IP 신청
+
+ 공인/사설 IP 신청이 필요하거나 기타 네트워크 인프라에 관한 문의가 필요하다면 + 1:1 문의를 사용해주세요. +
-
-
- 미팅룸
-
- 3~15인까지 사용할 수 있는 다양한 크기의 미팅룸이 있습니다. -
-
-
-
-
-
-
- 비품 등 공간에 대한 정보는 공간 상세 페이지를 통해 확인하세요. -
-
-
-
-
+ +
+ +
+
공간 예약 가이드
+
+ Offispace에는 목적에 맞게 사용할 수 있는 다양한 공간이 준비되어 있습니다. 앱 및 + 웹페이지의 예약 메뉴를 통해 다양한 공간을 이용해보세요. +
+
+
+
+ MeetingRoom +
+
미팅룸
+
+
+ Ellipse + 3~15인까지 사용할 수 있는 다양한 크기의 미팅룸이 있습니다. +
+ Ellipse + 비품 등 공간에 대한 정보는 공간 상세 페이지를 통해 확인하세요. +
-
- 리차징룸 + +
+ +
+
+
+ RechargingRoom +
+
리차징룸
+
+
+ Ellipse + 업무 중 충전이 필요할 때 사용할 수 있는 공간이 있습니다. +
+ Ellipse + 지점 별로 운영 여부가 상이하니 확인 후 예약을 진행해주세요. +
-
-
- 업무 중 충전이 필요할 때 사용할 수 있는 공간이 있습니다. -
-
- 지점 별로 운영 여부가 상이하니 확인 후 예약을 진행해주세요. -
-
-
-
-
-
+ +
+ +
+
+
+ FocusRoom +
+
포커스룸
+
+
+ Ellipse + 파티션으로 분리된 조용한 환경에서 업무에 몰입해보세요.
-
- 포커스룸 + +
+
이용 Tip!
+
+
+ 음식 섭취는? +
+ 모두를 위해 취식이 가능한 공간에서만 해주세요. +
+
+ 이용 종료 후에는? +
+ 다음 이용자를 위해 꼭 이용 종료 버튼을 눌러주세요. +
-
- 파티션으로 분리된 조용한 환경에서 업무에 몰입해보세요. -
-
- - 이용 Tip!
- - -
- 음식 섭취는? -
- 모두를 위해 취식이 가능한 공간에서만 해주세요. -
- - -
- - - 이용 종료 후에는? -
- 다음 이용자를 위해 꼭 이용 종료 버튼을 눌러주세요. - -
-
- Step 1 -
-
- Step 2 -
-
- Step 3 -
-
-
-
+ +
+ +
+
+ 방문객 초대 가이드 +
+
+
+
+ Application +
+
+ 사전신청 +
+
+
RightArrow
-
- 홈 -
-
-
-
-
-
-
-
+
+
+ Accept
+
승인
-
- 예약 +
+ RightArrow
-
-
-
-
- 내 주변 +
+
+ Enter +
+
출입
-
-
-
-
-
+
+
Step1.
+
+ 사전 신청을 통해 Offispace에 방문객을 초대해보세요!
-
- 커뮤니티 +
Step2.
+
+ 방문객 초대 전 각 지점의 매니저에게 방문객 명수, 방문 예정 시간을 알리고 사전 + 승인을 받아야 합니다.
-
-
-
-
- 마이 +
Step3.
+
+ 보안을 위해 사전 승인을 받은 방문객만 출입 가능합니다.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
); }; diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx index 80dafd9..1a71e53 100644 --- a/src/pages/mypage/index.tsx +++ b/src/pages/mypage/index.tsx @@ -1,156 +1,124 @@ +import Link from 'next/link'; + const MyPage = () => { return ( -
-
-
-
-
-
-
-
- 이용가이드 +
+
+
+ +
+
+
+
+ 닉네임_123 +
+
+ 디자인 +
+
+
+ user1@example.com
-
-
-
- 9:41 + +
+
+
+ 프로필 수정 +
-
-
- -
-
-
-
-
- 닉네임_123 + + +
+ +
+
+
+
+ +
+
+
+
+ 이용가이드 +
+
+
-
- 디자인 + + + +
+
+
+
+ +
+
+
+
+ 공지사항 +
+
+
+
+ + + + +
+
+
+
+ +
+
+
+
+ 1:1문의 +
+
-
-
- user1@example.com
-
-
-
-
-
-
-
- 프로필 수정 + +
+ +
+
+ 설정
-
-
-
-
-
- 설정 -
-
-
-
+ +
+
+
알림 설정
+
-
+
-
+ +
+ +
로그아웃
-
-
- 회원탈퇴 -
-
-
-
-
-
-
-
-
- 공지사항 -
-
-
-
-
-
-
-
- -
-
-
-
- 1:1 문의 -
-
-
-
-
-
- -
-
- 홈 -
-
-
-
-
-
-
-
-
-
-
- 예약 -
-
-
-
-
- 내 주변 -
-
-
-
-
-
-
-
-
- 커뮤니티 -
-
-
-
-
- 마이 + + +
+
+ 회원탈퇴
-
+
); }; diff --git a/src/pages/mypage/notice/index.tsx b/src/pages/mypage/notice/index.tsx new file mode 100644 index 0000000..ef163a4 --- /dev/null +++ b/src/pages/mypage/notice/index.tsx @@ -0,0 +1,148 @@ +import React, { useState } from 'react'; + +const NoticePage = () => { + const [openNotice, setOpenNotice] = useState(null); + + const toggleNotice = (notice: string | null) => { + setOpenNotice(openNotice === notice ? null : notice); + }; + + return ( +
+
+
+
+ +
+
toggleNotice('notice')}> +
+
+ [안내] 5/13 (월) 02~03 커뮤니티 서비스 점검 +
+ arrow +
+
+ 2024. 00. 00 +
+
+ {openNotice === 'notice' && ( +
+ 안녕하세요. +
+ Offispace 커뮤니티 서비스팀입니다. +
+
+ 5월 13일 (월요일) 새벽 2시부터 3시까지 (총 1시간 예상) +
+ 전체 커뮤니티 서비스 점검이 진행됩니다. +
+
+ 점검이 진행되는 동안에도 게시글/댓글 쓰기, 읽기 등 대부분의 기능을 이용하실 수 + 있으나, 좋아요, 조회수 정보 미반영, 댓글 삭제 등 일부 기능에 영향이 있을 수 + 있습니다. +
+
+ 서비스 이용에 불편 을 드릴 수 있는 점 미리 양해 부탁드리며, +
+ 최대한 빠른 시간 내에 업데이트를 완료하고 더욱 안정적인 서비스로 찾아 + 뵙겠습니다. +
+
+ 감사합니다. +
+ )} + +
toggleNotice('update1')}> +
+
+ [업데이트 내역] 1.0.2 업데이트 +
+ arrow +
+
+ 2024. 00. 00 +
+
+ {openNotice === 'update1' && ( +
+ 안녕하세요. +
+ Offispace 서비스팀입니다. +
+ 4월 2일 이루어진 1.0.2 업데이트 사항을 알려드립니다. +
+
+ 1. 알림 센터 +
+ 알림센터에서 예약과 관련된 푸시를 확인해보세요. +
+
+ 2. 이용자 가이드 +
+ Offispace 이용에 꼭 필요한 정보를 확인해보세요. +
+
+ 감사합니다. +
+ )} + +
toggleNotice('update2')}> +
+
+ [업데이트 내역] 1.0.3 업데이트 +
+ arrow +
+
+ 2024. 00. 00 +
+
+ {openNotice === 'update2' && ( +
+ 안녕하세요. +
+ Offispace 서비스팀입니다. +
+
+ 5월 12일 앱 사용성 개선 및 버그 수정을 위해 1.0.3 업데이트가 있었습니다. +
+
+ 감사합니다. +
+ )} +
+
+ ); +}; + +export default NoticePage; diff --git a/src/pages/mypage/question/index.tsx b/src/pages/mypage/question/index.tsx new file mode 100644 index 0000000..8639d69 --- /dev/null +++ b/src/pages/mypage/question/index.tsx @@ -0,0 +1,136 @@ +import React, { useState } from 'react'; + +const InquiryForm = ({ onSubmit }) => { + const [title, setTitle] = useState(''); + const [content, setContent] = useState(''); + + const isButtonActive = title && content; + + const handleSubmit = () => { + if (isButtonActive) { + onSubmit({ title, content }); + setTitle(''); + setContent(''); + } + }; + + return ( +
+
+ map +
강남1호점
+
+
+
제목
+ setTitle(e.target.value)} + /> +
+
+
내용
+