refactor(frontend): remove unused modules

src/components/connection/connection-item.tsx

@@ -1,91 +0,0 @@
-import { CloseRounded } from '@mui/icons-material'
-import {
-  styled,
-  ListItem,
-  IconButton,
-  ListItemText,
-  Box,
-  alpha,
-} from '@mui/material'
-import { useLockFn } from 'ahooks'
-import dayjs from 'dayjs'
-import { useTranslation } from 'react-i18next'
-import { closeConnection } from 'tauri-plugin-mihomo-api'
-
-import parseTraffic from '@/utils/parse-traffic'
-
-const Tag = styled('span')(({ theme }) => ({
-  fontSize: '10px',
-  padding: '0 4px',
-  lineHeight: 1.375,
-  border: '1px solid',
-  borderRadius: 4,
-  borderColor: alpha(theme.palette.text.secondary, 0.35),
-  marginTop: '4px',
-  marginRight: '4px',
-}))
-
-interface Props {
-  value: IConnectionsItem
-  closed: boolean
-  onShowDetail?: () => void
-}
-
-export const ConnectionItem = (props: Props) => {
-  const { value, closed, onShowDetail } = props
-
-  const { id, metadata, chains, start, curUpload, curDownload } = value
-  const { t } = useTranslation()
-
-  const onDelete = useLockFn(async () => closeConnection(id))
-  const showTraffic = curUpload! >= 100 || curDownload! >= 100
-
-  return (
-    <ListItem
-      dense
-      sx={{ borderBottom: '1px solid var(--divider-color)' }}
-      secondaryAction={
-        !closed && (
-          <IconButton
-            edge="end"
-            color="inherit"
-            onClick={onDelete}
-            title={t('connections.components.actions.closeConnection')}
-            aria-label={t('connections.components.actions.closeConnection')}
-          >
-            <CloseRounded />
-          </IconButton>
-        )
-      }
-    >
-      <ListItemText
-        sx={{ userSelect: 'text', cursor: 'pointer' }}
-        primary={metadata.host || metadata.destinationIP}
-        onClick={onShowDetail}
-        secondary={
-          <Box sx={{ display: 'flex', flexWrap: 'wrap' }}>
-            <Tag sx={{ textTransform: 'uppercase', color: 'success' }}>
-              {metadata.network}
-            </Tag>
-
-            <Tag>{metadata.type}</Tag>
-
-            {!!metadata.process && <Tag>{metadata.process}</Tag>}
-
-            {chains?.length > 0 && (
-              <Tag>{[...chains].reverse().join(' / ')}</Tag>
-            )}
-
-            <Tag>{dayjs(start).fromNow()}</Tag>
-
-            {showTraffic && (
-              <Tag>
-                {parseTraffic(curUpload!)} / {parseTraffic(curDownload!)}
-              </Tag>
-            )}
-          </Box>
-        }
-      />
-    </ListItem>
-  )
-}

src/components/setting/mods/password-input.tsx

@@ -1,52 +0,0 @@
-import {
-  Button,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogTitle,
-  TextField,
-} from '@mui/material'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
-
-interface Props {
-  onConfirm: (passwd: string) => Promise<void>
-}
-
-export const PasswordInput = (props: Props) => {
-  const { onConfirm } = props
-
-  const { t } = useTranslation()
-  const [passwd, setPasswd] = useState('')
-
-  return (
-    <Dialog open={true} maxWidth="xs" fullWidth>
-      <DialogTitle>
-        {t('settings.modals.password.prompts.enterRoot')}
-      </DialogTitle>
-
-      <DialogContent>
-        <TextField
-          sx={{ mt: 1 }}
-          autoFocus
-          label={t('shared.labels.password')}
-          fullWidth
-          size="small"
-          type="password"
-          value={passwd}
-          onKeyDown={(e) => e.key === 'Enter' && onConfirm(passwd)}
-          onChange={(e) => setPasswd(e.target.value)}
-        ></TextField>
-      </DialogContent>
-
-      <DialogActions>
-        <Button
-          onClick={async () => await onConfirm(passwd)}
-          variant="contained"
-        >
-          {t('shared.actions.confirm')}
-        </Button>
-      </DialogActions>
-    </Dialog>
-  )
-}