+
-
- {children}
-
+
{children}
)
}
diff --git a/src/components/OrderTableContainer/TableRow.tsx b/src/components/OrderTableContainer/TableRow.tsx
new file mode 100644
index 0000000..a32f4da
--- /dev/null
+++ b/src/components/OrderTableContainer/TableRow.tsx
@@ -0,0 +1,41 @@
+import React from 'react'
+
+interface TableRowProps {
+ num: string
+ orderedDate: string
+ name: string
+ email: string
+ price: number | '결제금액'
+ payment: string
+ status: boolean | '결제상태' | '결제완료' | '결제대기'
+ isHeader: boolean
+}
+
+export default function TableRow({
+ num,
+ orderedDate,
+ name,
+ email,
+ price,
+ payment,
+ status,
+ isHeader,
+}: TableRowProps) {
+ return (
+
+
+ | {num} |
+ {orderedDate} |
+ {name} |
+ {email} |
+ {price} |
+ {payment} |
+ {status} |
+
+
+ )
+}
diff --git a/src/components/OrderTableContainer/index.tsx b/src/components/OrderTableContainer/index.tsx
new file mode 100644
index 0000000..0a51a67
--- /dev/null
+++ b/src/components/OrderTableContainer/index.tsx
@@ -0,0 +1,95 @@
+'use client'
+import React, { useState } from 'react'
+import TableItem from '../Table/TableItem'
+import ListBox from '../Select/ListBox'
+import TableRow from './TableRow'
+
+const orderList = [
+ {
+ orderNumber: '20230627-000004',
+ orderDate: '2023-06-27',
+ assetName: 'agggg 외 11건',
+ assetCount: 12,
+ email: 'leeroun5@nate.com',
+ price: 21000.0,
+ paymentTool: '국민카드',
+ status: true,
+ },
+ {
+ orderNumber: '20230627-000003',
+ orderDate: '2023-06-27',
+ assetName: 'adddd 외 10건',
+ assetCount: 11,
+ email: 'leejihun4@nate.com',
+ price: 21000.0,
+ paymentTool: '국민카드',
+ status: true,
+ },
+ {
+ orderNumber: '20230627-000002',
+ orderDate: '2023-06-27',
+ assetName: 'abbbb 외 9건',
+ assetCount: 10,
+ email: 'yangjinho3@nate.com',
+ price: 21000.0,
+ paymentTool: '국민카드',
+ status: true,
+ },
+ {
+ orderNumber: '20230627-000001',
+ orderDate: '2023-06-27',
+ assetName: 'aaaaa 외 8건',
+ assetCount: 9,
+ email: 'yuhyunju1@nate.com',
+ price: 21000.0,
+ paymentTool: '국민카드',
+ status: true,
+ },
+]
+
+export default function OrderTableContainer() {
+ const [selectedOption, setSelectedOption] = useState('주문일 최신순')
+ return (
+ <>
+
+
+
+
+
+ {orderList.map((item) => (
+
+ ))}
+
+
+
+ >
+ )
+}
diff --git a/src/app/login/page.tsx b/src/components/Page/LoginPage.tsx
similarity index 91%
rename from src/app/login/page.tsx
rename to src/components/Page/LoginPage.tsx
index dce8495..59cf9bc 100644
--- a/src/app/login/page.tsx
+++ b/src/components/Page/LoginPage.tsx
@@ -5,7 +5,7 @@ export default function LoginPage() {
return (
-
+
diff --git a/src/components/Radio/RadioContainer.tsx b/src/components/Radio/RadioContainer.tsx
new file mode 100644
index 0000000..2185002
--- /dev/null
+++ b/src/components/Radio/RadioContainer.tsx
@@ -0,0 +1,35 @@
+'use client'
+import { useState } from 'react'
+import { RadioGroup } from '@headlessui/react'
+import { RadioActive, RadioInactive } from '../../../public/icons/icons'
+interface RadioGroupProps {
+ type: 'circle' | 'rectangle'
+ label: string
+ array: string[]
+}
+
+export default function RadioContainer({ type, label, array }: RadioGroupProps) {
+ const [isFocused, setIsFocused] = useState({ 전체: true, 판매중: false, 판매중지: false })
+ return (
+
+ {type === 'circle'
+ ? array.map((item) => (
+
+
+ {/* {isFocused.{item} ?:} */}
+ {item}
+
+
+ ))
+ : array.map((item) => (
+
+ {item}
+
+ ))}
+
+ )
+}
diff --git a/src/components/Radio/index.tsx b/src/components/Radio/index.tsx
new file mode 100644
index 0000000..561fe11
--- /dev/null
+++ b/src/components/Radio/index.tsx
@@ -0,0 +1,32 @@
+'use client'
+import React, { useState, useRef, useContext, ReactNode } from 'react'
+import { VisuallyHidden, useRadio } from 'react-aria'
+import { RadioContext } from './RadioContainer'
+import { RadioActive, RadioInactive } from '../../../public/icons/icons'
+// RadioGroup is the same as in the previous example
+interface RadioProps {
+ children: ReactNode
+ value: string
+}
+
+export default function Radio(props: RadioProps) {
+ const { children, value } = props
+ const state = useContext(RadioContext)
+ const inputRef = useRef(null)
+ let { inputProps, isSelected } = useRadio(props, state, inputRef)
+ const radioClickHandler = () => {
+ isSelected = true
+ }
+ return (
+
+ )
+}
diff --git a/src/components/Select/AssetCategorySelectContainer.tsx b/src/components/Select/AssetCategorySelectContainer.tsx
new file mode 100644
index 0000000..1ec30aa
--- /dev/null
+++ b/src/components/Select/AssetCategorySelectContainer.tsx
@@ -0,0 +1,54 @@
+'use client'
+import { useEffect, useState } from 'react'
+import ListBox from './ListBox'
+import { getFullCategoryList, getSubCategoryList } from '@/api/service/category'
+import { createAssetCategory, createAssetSubCategory } from '@/store/assetSlice'
+
+export default function AssetCategorySelectContainer() {
+ const [mainCategory, setMainCategory] = useState