Skip to content

Commit

Permalink
Nextjs 14 Upgrade (#81)
Browse files Browse the repository at this point in the history
  • Loading branch information
@BlueHorn07
BlueHorn07 authored Jun 29, 2024
1 parent be28b7e commit b5b76b7
Show file tree
Hide file tree
Showing 15 changed files with 1,614 additions and 1,009 deletions.
31 changes: 16 additions & 15 deletions components/board/benefit/affiliate/affiliate.table.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react';
import Link from 'next/link';
import moment from 'moment';
import { Table } from 'semantic-ui-react';
import { Icon, Table } from 'semantic-ui-react';

const AffiliateTable = ({ affiliateList }) => {
return (
Expand All @@ -13,24 +13,25 @@ const AffiliateTable = ({ affiliateList }) => {
<Table.HeaderCell width={4}>짤은 설명</Table.HeaderCell>
<Table.HeaderCell width={6}>설명</Table.HeaderCell>
<Table.HeaderCell width={2}>생성일</Table.HeaderCell>
<Table.HeaderCell width={2}></Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{affiliateList.map((affiliate) => (
<Link
href={`benefit/affiliate/update/${affiliate.id}`}
key={affiliate.id}
>
<Table.Row>
<Table.Cell>{affiliate.id}</Table.Cell>
<Table.Cell>{affiliate.title}</Table.Cell>
<Table.Cell>{affiliate.content_short}</Table.Cell>
<Table.Cell>{affiliate.content}</Table.Cell>
<Table.Cell>
{moment(affiliate.created_at).format('YYYY-MM-DD HH:mm')}
</Table.Cell>
</Table.Row>
</Link>
<Table.Row key={affiliate.id}>
<Table.Cell>{affiliate.id}</Table.Cell>
<Table.Cell>{affiliate.title}</Table.Cell>
<Table.Cell>{affiliate.content_short}</Table.Cell>
<Table.Cell>{affiliate.content}</Table.Cell>
<Table.Cell>
{moment(affiliate.created_at).format('YYYY-MM-DD HH:mm')}
</Table.Cell>
<Table.Cell>
<Link href={`/benefit/affiliate/update/${affiliate.id}`}>
<Icon name={'edit'} />
</Link>
</Table.Cell>
</Table.Row>
))}
</Table.Body>
</Table>
Expand Down
35 changes: 18 additions & 17 deletions components/board/benefit/discount/discount.table.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from 'react';
import Link from 'next/link';
import moment from 'moment';
import { Table } from 'semantic-ui-react';
import { Icon, Table } from 'semantic-ui-react';

const DiscountTable = ({ discountList }) => {
return (
Expand All @@ -15,26 +15,27 @@ const DiscountTable = ({ discountList }) => {
<Table.HeaderCell width={2}>가게 번호</Table.HeaderCell>
<Table.HeaderCell width={6}>할인 내용</Table.HeaderCell>
<Table.HeaderCell width={2}>생성일</Table.HeaderCell>
<Table.HeaderCell width={2}></Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{discountList.map((discount) => (
<Link
href={`benefit/discount/update/${discount.id}`}
key={discount.id}
>
<Table.Row>
<Table.Cell>{discount.id}</Table.Cell>
<Table.Cell>{discount.title}</Table.Cell>
<Table.Cell>{discount.region}</Table.Cell>
<Table.Cell>{discount.open_hour}</Table.Cell>
<Table.Cell>{discount.phone}</Table.Cell>
<Table.Cell>{discount.content}</Table.Cell>
<Table.Cell>
{moment(discount.created_at).format('YYYY-MM-DD HH:mm')}
</Table.Cell>
</Table.Row>
</Link>
<Table.Row key={discount.id}>
<Table.Cell>{discount.id}</Table.Cell>
<Table.Cell>{discount.title}</Table.Cell>
<Table.Cell>{discount.region}</Table.Cell>
<Table.Cell>{discount.open_hour}</Table.Cell>
<Table.Cell>{discount.phone}</Table.Cell>
<Table.Cell>{discount.content}</Table.Cell>
<Table.Cell>
{moment(discount.created_at).format('YYYY-MM-DD HH:mm')}
</Table.Cell>
<Table.Cell>
<Link href={`/benefit/discount/update/${discount.id}`}>
<Icon name={'edit'} />
</Link>
</Table.Cell>
</Table.Row>
))}
</Table.Body>
</Table>
Expand Down
47 changes: 22 additions & 25 deletions components/board/calendar/calendar.table.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import Link from 'next/link';
import moment from 'moment';
import { Table } from 'semantic-ui-react';
import { Icon, Table } from 'semantic-ui-react';

const CalendarTable = ({ calendars }) => {
return (
Expand All @@ -10,6 +10,7 @@ const CalendarTable = ({ calendars }) => {
<Table.HeaderCell width={6}>제목</Table.HeaderCell>
<Table.HeaderCell width={4}>날짜</Table.HeaderCell>
<Table.HeaderCell width={2}>D-Day</Table.HeaderCell>
<Table.HeaderCell width={2}></Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
Expand All @@ -21,30 +22,26 @@ const CalendarTable = ({ calendars }) => {
);

return (
<Link
href={`/board/calendar/update/${calendar.id}`}
key={calendar.id}
>
<Table.Row key={calendar.id} disabled={isDisabled}>
<Table.Cell>
{calendar.link ? (
<a
href={calendar.link}
target={'_blank'}
rel={'noreferrer'}
>
{calendar.title}
</a>
) : (
calendar.title
)}
</Table.Cell>
<Table.Cell>{calendar.event_date}</Table.Cell>
<Table.Cell>
{dDay > 0 ? `D-${dDay}` : dDay < 0 ? `D+${-dDay}` : 'D-Day'}
</Table.Cell>
</Table.Row>
</Link>
<Table.Row key={calendar.id} disabled={isDisabled}>
<Table.Cell>
{calendar.link ? (
<a href={calendar.link} target={'_blank'} rel={'noreferrer'}>
{calendar.title}
</a>
) : (
calendar.title
)}
</Table.Cell>
<Table.Cell>{calendar.event_date}</Table.Cell>
<Table.Cell>
{dDay > 0 ? `D-${dDay}` : dDay < 0 ? `D+${-dDay}` : 'D-Day'}
</Table.Cell>
<Table.Cell>
<Link href={`/board/calendar/update/${calendar.id}`}>
<Icon name={'edit'} />
</Link>
</Table.Cell>
</Table.Row>
);
})}
</Table.Body>
Expand Down
66 changes: 34 additions & 32 deletions components/board/notice/notice.table.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import Link from 'next/link';
import moment from 'moment';
import { Table } from 'semantic-ui-react';
import { Icon, Table } from 'semantic-ui-react';

const NoticeTable = ({ notices }) => {
return (
Expand All @@ -11,8 +11,9 @@ const NoticeTable = ({ notices }) => {
<Table.HeaderCell width={4}>제목</Table.HeaderCell>
<Table.HeaderCell width={6}>내용</Table.HeaderCell>
{/* <Table.HeaderCell>이미지</Table.HeaderCell> */}
<Table.HeaderCell width={5}>게시 일자</Table.HeaderCell>
<Table.HeaderCell width={1}>클릭수</Table.HeaderCell>
<Table.HeaderCell width={4}>게시 일자</Table.HeaderCell>
<Table.HeaderCell width={2}>클릭수</Table.HeaderCell>
<Table.HeaderCell width={2}></Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
Expand All @@ -26,35 +27,36 @@ const NoticeTable = ({ notices }) => {
'hours',
);
return (
<Link href={`/board/notice/update/${notice.id}`} key={notice.id}>
<Table.Row key={notice.id} positive={isActive}>
<Table.Cell>{notice.id}</Table.Cell>
<Table.Cell>
{notice.link ? (
<a href={notice.link} target={'_blank'} rel={'noreferrer'}>
{notice.title}
</a>
) : (
notice.title
)}
</Table.Cell>
<Table.Cell
style={{ whiteSpace: 'pre-line', textAlign: 'left' }}
>
{notice.content}
</Table.Cell>
{/* <Table.Cell>
<Image href={notice.link}/>
</Table.Cell> */}
<Table.Cell>
{moment(notice.start_datetime).format('YYYY-MM-DD HH:mm')} ~{' '}
{moment(notice.end_datetime).format('YYYY-MM-DD HH:mm')}
<br />({Number(duration / 24).toFixed(0)}일 {duration % 24}
시간)
</Table.Cell>
<Table.Cell>{notice.click_count}</Table.Cell>
</Table.Row>
</Link>
<Table.Row key={notice.id} positive={isActive}>
<Table.Cell>{notice.id}</Table.Cell>
<Table.Cell>
{notice.link ? (
<a href={notice.link} target={'_blank'} rel={'noreferrer'}>
{notice.title}
</a>
) : (
notice.title
)}
</Table.Cell>
<Table.Cell style={{ whiteSpace: 'pre-line', textAlign: 'left' }}>
{notice.content}
</Table.Cell>
{/* <Table.Cell>
<Image href={notice.link}/>
</Table.Cell> */}
<Table.Cell>
{moment(notice.start_datetime).format('YYYY-MM-DD HH:mm')} ~{' '}
{moment(notice.end_datetime).format('YYYY-MM-DD HH:mm')}
<br />({Number(duration / 24).toFixed(0)}일 {duration % 24}
시간)
</Table.Cell>
<Table.Cell>{notice.click_count}</Table.Cell>
<Table.Cell>
<Link href={`/board/notice/update/${notice.id}`}>
<Icon name={'edit'} />
</Link>
</Table.Cell>
</Table.Row>
);
})}
</Table.Body>
Expand Down
41 changes: 21 additions & 20 deletions components/equipment/equipment.table.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';
import Link from 'next/link';
import { Table } from 'semantic-ui-react';
import { Icon, Table } from 'semantic-ui-react';
import _ from 'lodash';

const ownerNames = {
Expand Down Expand Up @@ -84,29 +84,30 @@ const EquipmentTable = ({ equipmentList }) => {
>
총 예약 갯수
</Table.HeaderCell>
<Table.HeaderCell></Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{data.map((equipment, idx) => (
<Link
href={`/equipment/update/${equipment.uuid}`}
key={equipment.uuid}
>
<Table.Row>
<Table.Cell>{idx + 1}</Table.Cell>
<Table.Cell>{equipment.name}</Table.Cell>
<Table.Cell>{ownerNames[equipment.equip_owner]}</Table.Cell>
<Table.Cell>{equipment.fee.toLocaleString()}</Table.Cell>
<Table.Cell>
{equipment.max_minutes === 1440
? '제한 없음'
: equipment.max_minutes.toLocaleString()}
</Table.Cell>
<Table.Cell>
{equipment.total_reservation_count.toLocaleString()}
</Table.Cell>
</Table.Row>
</Link>
<Table.Row key={equipment.uuid}>
<Table.Cell>{idx + 1}</Table.Cell>
<Table.Cell>{equipment.name}</Table.Cell>
<Table.Cell>{ownerNames[equipment.equip_owner]}</Table.Cell>
<Table.Cell>{equipment.fee.toLocaleString()}</Table.Cell>
<Table.Cell>
{equipment.max_minutes === 1440
? '제한 없음'
: equipment.max_minutes.toLocaleString()}
</Table.Cell>
<Table.Cell>
{equipment.total_reservation_count.toLocaleString()}
</Table.Cell>
<Table.Cell>
<Link href={`/equipment/update/${equipment.uuid}`}>
<Icon name={'edit'} />
</Link>
</Table.Cell>
</Table.Row>
))}
</Table.Body>
<Table.Footer>
Expand Down
35 changes: 18 additions & 17 deletions components/introduce/association.table.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import moment from 'moment';
import Link from 'next/link';
import { Table } from 'semantic-ui-react';
import { Icon, Table } from 'semantic-ui-react';

const AssociationTable = (props) => {
const associations = props.associations;
Expand All @@ -16,26 +16,27 @@ const AssociationTable = (props) => {
<Table.HeaderCell>연락처</Table.HeaderCell>
<Table.HeaderCell>조회수</Table.HeaderCell>
<Table.HeaderCell>마지막 수정일</Table.HeaderCell>
<Table.HeaderCell></Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{associations.map((association, idx) => (
<Link
href={`/introduce/association/update/${association.uuid}`}
key={association.uuid}
>
<Table.Row key={association.uuid}>
<Table.Cell>{idx + 1}</Table.Cell>
<Table.Cell>{association.name}</Table.Cell>
<Table.Cell>{association.location}</Table.Cell>
<Table.Cell>{association.representative}</Table.Cell>
<Table.Cell>{association.contact}</Table.Cell>
<Table.Cell>{association.views}</Table.Cell>
<Table.Cell>
{moment(association.updateAt).format('YYYY-MM-DD HH:mm')}
</Table.Cell>
</Table.Row>
</Link>
<Table.Row key={association.uuid}>
<Table.Cell>{idx + 1}</Table.Cell>
<Table.Cell>{association.name}</Table.Cell>
<Table.Cell>{association.location}</Table.Cell>
<Table.Cell>{association.representative}</Table.Cell>
<Table.Cell>{association.contact}</Table.Cell>
<Table.Cell>{association.views}</Table.Cell>
<Table.Cell>
{moment(association.updateAt).format('YYYY-MM-DD HH:mm')}
</Table.Cell>
<Table.Cell>
<Link href={`/introduce/association/update/${association.uuid}`}>
<Icon name={'edit'} />
</Link>
</Table.Cell>
</Table.Row>
))}
</Table.Body>
</Table>
Expand Down
Loading

0 comments on commit b5b76b7

Please sign in to comment.