From 2596206f2fb467b6b868ebd56ed9a279b3032a1f Mon Sep 17 00:00:00 2001 From: Rinsvent Date: Sat, 8 Apr 2023 12:53:53 +0700 Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?= =?UTF-8?q?=D1=82=D0=B5=D1=81=D1=82=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 2 +- package.json | 5 +- pages/index.tsx | 211 +++++++--------- yarn.lock | 646 +++++++++++++++++++++++++++++++++++++++++++++++- 4 files changed, 743 insertions(+), 121 deletions(-) diff --git a/.gitignore b/.gitignore index 8f322f0..05b2f01 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,5 @@ # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. - +.idea # dependencies /node_modules /.pnp diff --git a/package.json b/package.json index 41b7609..b30b045 100644 --- a/package.json +++ b/package.json @@ -6,13 +6,16 @@ "dev": "next dev", "build": "next build", "start": "next start", - "lint": "next lint" + "lint": "next lint", + "export": "next build && next export" }, "dependencies": { "@types/node": "18.15.11", "@types/react": "18.0.33", "@types/react-dom": "18.0.11", + "antd": "^5.4.0", "autoprefixer": "10.4.14", + "buffer": "^6.0.3", "eslint": "8.38.0", "eslint-config-next": "13.3.0", "next": "13.3.0", diff --git a/pages/index.tsx b/pages/index.tsx index eca9da7..97e9134 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,124 +1,103 @@ -import Image from 'next/image' -import { Inter } from 'next/font/google' +import React from 'react'; +import { Tabs } from 'antd'; +import type { TabsProps } from 'antd'; +import { Select, Space, Table, Progress } from 'antd'; -const inter = Inter({ subsets: ['latin'] }) +const onChange = (key: string) => { + console.log(key); +}; + +const handleChangeAge = (value: string) => { + console.log(`selected ${value}`); +}; + +function createData( + name: string, + calories: number, + fat: number, + carbs: number, + protein: number, +) { + return { name, calories, fat, carbs, protein }; +} + +const rows = [ + createData('Frozen yoghurt', 159, 6.0, 24, 4.0), + createData('Ice cream sandwich', 237, 9.0, 37, 4.3), + createData('Eclair', 262, 16.0, 24, 6.0), + createData('Cupcake', 305, 3.7, 67, 4.3), + createData('Gingerbread', 356, 16.0, 49, 3.9), +]; + +const columns = [ + { + title: 'Dessert (100g serving)', + dataIndex: 'name', + key: 'name', + }, + { + title: 'Calories', + dataIndex: 'calories', + key: 'calories', + }, + { + title: 'Fat (g)', + dataIndex: 'fat', + key: 'fat', + }, + { + title: 'Carbs (g)', + dataIndex: 'carbs', + key: 'carbs', + }, + { + title: 'Protein (g)', + dataIndex: 'protein', + key: 'protein', + }, +]; + +const items: TabsProps['items'] = [ + { + key: '1', + label: `Item One`, + children: ( + +