CSV2ics

commit 6e4886bd8daed48be85193fc686e474b08518fe4
parent dc170cbdb8d63be0643835c1f147bdeab0e12f8b
Author: 諒太 林 <ryouturn@gmail.com>
Date:   Fri,  3 May 2024 22:16:40 +0900

add 5 tabs

Diffstat:
M
src/App.tsx
 | 
5
+++--
M
src/Tab.tsx
 | 
22
+++++++++++++++-------

2 files changed, 18 insertions(+), 9 deletions(-)
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,8 +1,9 @@
 import * as React from 'react';
 import './App.css';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
-import { Box, CssBaseline, Tab, useMediaQuery } from '@mui/material';
+import { Box, CssBaseline, useMediaQuery } from '@mui/material';
 import "fontsource-noto-sans-jp";
+import CSV2iclTabs from './Tab';
 
 function App() {
   const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
@@ -33,7 +34,7 @@ function App() {
         </header>
       </div>
       <Box>
-        <Tab></Tab>
+        <CSV2iclTabs/>
       </Box>
     </ThemeProvider>
   );
diff --git a/src/Tab.tsx b/src/Tab.tsx
@@ -47,20 +47,28 @@ export default function CSV2iclTabs() {
   return (
     <Box sx={{ width: '100%' }}>
       <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-        <Tabs value={value} onChange={handleChange} aria-label="basic tabs example">
-          <Tab label="Item One" {...a11yProps(0)} />
-          <Tab label="Item Two" {...a11yProps(1)} />
-          <Tab label="Item Three" {...a11yProps(2)} />
+        <Tabs value={value} onChange={handleChange} centered>
+          <Tab label="TimeTable" {...a11yProps(0)} />
+          <Tab label="ImportCSV" {...a11yProps(1)} />
+          <Tab label="Execute" {...a11yProps(2)} />
+          <Tab label="Export" {...a11yProps(3)} />
+          <Tab label="Help" {...a11yProps(4)}/>
         </Tabs>
       </Box>
       <CustomTabPanel value={value} index={0}>
-        Item One
+        %TimeTable
       </CustomTabPanel>
       <CustomTabPanel value={value} index={1}>
-        Item Two
+        %ImportCSV
       </CustomTabPanel>
       <CustomTabPanel value={value} index={2}>
-        Item Three
+        %Execute
+      </CustomTabPanel>
+      <CustomTabPanel value={value} index={3}>
+        %Export
+      </CustomTabPanel>
+      <CustomTabPanel value={value} index={4}>
+        %Help
       </CustomTabPanel>
     </Box>
   );