Skip to content

Commit

Permalink
Merge branch 'develop' of https://github.com/4bujak-4bujak/frontend i…
Browse files Browse the repository at this point in the history
…nto develop
  • Loading branch information
eun-hak committed Jun 12, 2024
2 parents 558751a + 78d54f8 commit 2b89709
Show file tree
Hide file tree
Showing 3 changed files with 60 additions and 58 deletions.
1 change: 1 addition & 0 deletions src/components/home/OfficeInfo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ const OfficeInfo = () => {
<div>
{data && data.length == 0 ? <OfficeInfoNone /> : null}
{data &&
data.length > 0 &&
data.map((room: todayListData, i: number) => {
if (room.spaceType == 'FOCUSDESK') {
return <OfficeInfoFocus data={room} key={i} />;
Expand Down
115 changes: 58 additions & 57 deletions src/components/home/weekSchedule/WeekScheduleItem.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -85,72 +85,73 @@ const WeekScheduleItem = ({
</div>
) : (
<>
{data.slice(0, 3).map((item: todayListData, index: number) => {
if (item.spaceType == 'MEETINGROOM') {
return (
<div key={index} className="border-b border-gray-300 pb-3 mt-3">
<div className="mx-4 flex items-center justify-between">
{/* 고정 */}
<div className="flex gap-2 items-center">
<div className="w-[3px] h-[72px] bg-yellow-400" />
<div className="flex flex-col gap-2">
<div className="text-space-black text-md font-semibold">
{item?.reservationName}
</div>
<div className="flex flex-col text-sm font-normal text-gray-500">
<div>
{item?.branchName} {item?.spaceName} ({item?.spaceFloor}층)
{data.length > 0 &&
data.slice(0, 3).map((item: todayListData, index: number) => {
if (item.spaceType == 'MEETINGROOM') {
return (
<div key={index} className="border-b border-gray-300 pb-3 mt-3">
<div className="mx-4 flex items-center justify-between">
{/* 고정 */}
<div className="flex gap-2 items-center">
<div className="w-[3px] h-[72px] bg-yellow-400" />
<div className="flex flex-col gap-2">
<div className="text-space-black text-md font-semibold">
{item?.reservationName}
</div>
<div>
{format(item?.startAt, 'HH:mm')} -{' '}
{format(item?.endAt, 'HH:mm')}
<div className="flex flex-col text-sm font-normal text-gray-500">
<div>
{item?.branchName} {item?.spaceName} ({item?.spaceFloor}층)
</div>
<div>
{format(item?.startAt, 'HH:mm')} -{' '}
{format(item?.endAt, 'HH:mm')}
</div>
</div>
</div>
</div>
</div>
<div className="flex flex-col gap-[8px]">
<div className="flex justify-end">
{item?.memberType == 'REPRESENTATIVE' ? (
<div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-white bg-space-blue text-[12px] font-semibold">
호스트
</div>
) : (
<div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-space-blue text-[12px] font-semibold">
참석자
</div>
)}
<div className="flex flex-col gap-[8px]">
<div className="flex justify-end">
{item?.memberType == 'REPRESENTATIVE' ? (
<div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-white bg-space-blue text-[12px] font-semibold">
호스트
</div>
) : (
<div className="flex items-center justify-center w-[46px] h-6 text-center border-2 border-space-blue rounded-[20px] text-space-blue text-[12px] font-semibold">
참석자
</div>
)}
</div>
{renderUserImg(item.memberImageUrls)}
</div>
{renderUserImg(item.memberImageUrls)}
</div>
</div>
</div>
);
} else if (item.spaceType == 'FOCUSDESK') {
return (
<div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
<div className="text-space-black text-base font-semibold">
개인 좌석
</div>
<div className="text-gray-400 text-sm font-normal mt-[5px]">
{renderTime(item.startAt)} ~ |{' '}
{item.spaceName}
</div>
</div>
);
} else {
return (
<div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
<div className="text-space-black text-base font-semibold">
개인 휴식
);
} else if (item.spaceType == 'FOCUSDESK') {
return (
<div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
<div className="text-space-black text-base font-semibold">
개인 좌석
</div>
<div className="text-gray-400 text-sm font-normal mt-[5px]">
{renderTime(item.startAt)} ~ |{' '}
{item.spaceName}
</div>
</div>
<div className="text-gray-400 text-sm font-normal mt-[5px]">
{renderTime(item.startAt)} - {renderTime(item.endAt)} |{' '}
{item.spaceName}
);
} else {
return (
<div key={index} className="mx-4 mt-2 pb-3 border-b border-gray-300 ">
<div className="text-space-black text-base font-semibold">
개인 휴식
</div>
<div className="text-gray-400 text-sm font-normal mt-[5px]">
{renderTime(item.startAt)} - {renderTime(item.endAt)} |{' '}
{item.spaceName}
</div>
</div>
</div>
);
}
})}
);
}
})}
</>
)}
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/signup/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { useMutation } from 'react-query';

const SignUpPage = () => {
const [applyValues, setApplyValues] = useState<Partial<ApplyValues>>({
step: 2
step: 0
});

const { mutateAsync: signUpReq } = useMutation(
Expand Down

0 comments on commit 2b89709

Please sign in to comment.