From 47417c0faab2652a642960a729a317be4f823789 Mon Sep 17 00:00:00 2001
From: linonetwo <linonetwo012@gmail.com>
Date: Fri, 29 Dec 2023 21:07:49 +0800
Subject: [PATCH] fix: mui type error

---
 src/components/TokenForm/index.tsx | 12 ++++++------
 src/pages/AddWorkspace/index.tsx   | 10 +++++-----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/TokenForm/index.tsx b/src/components/TokenForm/index.tsx
index f6691505..0aefb8f6 100644
--- a/src/components/TokenForm/index.tsx
+++ b/src/components/TokenForm/index.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
-import { TabContext, TabList as TabListRaw, TabPanel as TabPanelRaw } from '@mui/lab';
-import { Tab as TabRaw } from '@mui/material';
+import { TabContext, TabPanel as TabPanelRaw } from '@mui/lab';
+import { Tab as TabRaw, Tabs as TabsRaw } from '@mui/material';
 import { SupportedStorageServices } from '@services/types';
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -20,7 +20,7 @@ const TabPanel = styled(TabPanelRaw)`
   padding-left: 16px !important;
   background-color: ${({ theme }) => theme.palette.background.paper};
 `;
-const TabList = styled(TabListRaw)`
+const Tabs = styled(TabsRaw)`
   background-color: ${({ theme }) => theme.palette.background.paper};
   & button {
     background-color: ${({ theme }) => theme.palette.background.paper} !important;
@@ -32,7 +32,7 @@ const TabsContainer = styled.div`
   display: flex;
   padding: 15px 0;
   flex-direction: row;
-  & ${TabList} {
+  & ${Tabs} {
     min-width: 160px;
   }
 `;
@@ -76,7 +76,7 @@ export function TokenForm({ storageProvider, storageProviderSetter }: Props): JS
       <ListItemText primary={t('Preference.Token')} secondary={t('Preference.TokenDescription')} />
       <TabContext value={currentTab}>
         <TabsContainer>
-          <TabList
+          <Tabs
             onChange={(event: React.SyntheticEvent<Element, Event>, newValue: SupportedStorageServices) => {
               currentTabSetter(newValue);
             }}
@@ -88,7 +88,7 @@ export function TokenForm({ storageProvider, storageProviderSetter }: Props): JS
             <Tab label='GitHub' value={SupportedStorageServices.github} />
             <Tab label='GitLab' value={SupportedStorageServices.gitlab} />
             <Tab label='Gitee' value={SupportedStorageServices.gitee} />
-          </TabList>
+          </Tabs>
           <TabPanel value={SupportedStorageServices.github}>
             <GitTokenForm storageService={SupportedStorageServices.github} />
           </TabPanel>
diff --git a/src/pages/AddWorkspace/index.tsx b/src/pages/AddWorkspace/index.tsx
index 4eab7fac..c8c60eec 100644
--- a/src/pages/AddWorkspace/index.tsx
+++ b/src/pages/AddWorkspace/index.tsx
@@ -1,6 +1,6 @@
 import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
-import { TabContext, TabList as TabListRaw, TabPanel as TabPanelRaw } from '@mui/lab';
-import { Accordion as AccordionRaw, AccordionDetails, AccordionSummary, AppBar, Paper as PaperRaw, Tab as TabRaw } from '@mui/material';
+import { TabContext, TabPanel as TabPanelRaw } from '@mui/lab';
+import { Accordion as AccordionRaw, AccordionDetails, AccordionSummary, AppBar, Paper as PaperRaw, Tab as TabRaw, Tabs as TabsRaw } from '@mui/material';
 import React, { useEffect, useState } from 'react';
 import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
@@ -55,7 +55,7 @@ TokenFormContainer.defaultProps = {
   square: true,
   elevation: 2,
 };
-const TabList = styled(TabListRaw)`
+const Tabs = styled(TabsRaw)`
   background: ${({ theme }) => theme.palette.background.paper};
   color: ${({ theme }) => theme.palette.text.secondary};
 `;
@@ -113,7 +113,7 @@ export function AddWorkspace(): JSX.Element {
       </Helmet>
       <AppBar position='static'>
         <Paper square>
-          <TabList
+          <Tabs
             onChange={(_event: React.SyntheticEvent<Element, Event>, newValue: CreateWorkspaceTabs) => {
               currentTabSetter(newValue);
             }}
@@ -125,7 +125,7 @@ export function AddWorkspace(): JSX.Element {
             <Tab label={t(`AddWorkspace.CloneOnlineWiki`)} value={CreateWorkspaceTabs.CloneOnlineWiki} />
             <Tab label={t('AddWorkspace.OpenLocalWiki')} value={CreateWorkspaceTabs.OpenLocalWiki} />
             <Tab label={t('AddWorkspace.OpenLocalWikiFromHTML')} value={CreateWorkspaceTabs.OpenLocalWikiFromHtml} />
-          </TabList>
+          </Tabs>
         </Paper>
       </AppBar>