remove unused

client/src/components/CardInfo/CardInfo.tsx

@@ -1,23 +0,0 @@
-import { Divider, Text } from '@fluentui/react-components';
-import { PropsWithChildren } from 'react'
-
-interface CardInfoProps extends PropsWithChildren {
-    label: string;
-}
-
-export default function CardInfo({
-    children,
-    label
-}: CardInfoProps) {
-    return (
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', padding: '1rem' }}>
-            <Text weight='semibold'>
-                {label}
-            </Text>
-
-            <Divider />
-
-            {children}
-        </div>
-    )
-}

client/src/components/CardInfo/CardInfoLabel.tsx

@@ -1,23 +0,0 @@
-import { Text } from "@fluentui/react-components";
-
-interface CardInfoLabelProps {
-    label: string;
-    value: string | number;
-}
-
-export default function CardInfoLabel({
-    label,
-    value
-}: CardInfoLabelProps) {
-    return (
-        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-            <Text>
-                {label}
-            </Text>
-
-            <Text weight='semibold'>
-                {value}
-            </Text>
-        </div>
-    )
-}

client/src/components/ServerData.tsx

@@ -1,47 +0,0 @@
-import { IServer } from '../interfaces/servers'
-import { useServerIps } from '../hooks/swrHooks'
-import CustomTable from './CustomTable'
-
-function ServerData({ id }: IServer) {
-    const { serverIps } = useServerIps(id, 0, 10)
-
-    return (
-        <div style={{ display: 'flex', flexDirection: 'column', padding: '1rem' }}>
-            {serverIps &&
-                <CustomTable data={serverIps} columns={[
-                    {
-                        name: 'id',
-                        header: 'ID',
-                        type: "number"
-                    },
-                    {
-                        name: 'server_id',
-                        header: 'Server ID',
-                        type: "number"
-                    },
-                    {
-                        name: 'name',
-                        header: 'Название',
-                        type: "string"
-                    },
-                    {
-                        name: 'is_actual',
-                        header: 'Действителен',
-                        type: "boolean"
-                    },
-                    {
-                        name: 'ip',
-                        header: 'IP',
-                        type: "string"
-                    },
-                    {
-                        name: 'servername',
-                        header: 'Название сервера',
-                        type: "string"
-                    }
-                ]} />}
-        </div>
-    )
-}
-
-export default ServerData

client/src/pages/Servers.tsx

@@ -41,7 +41,7 @@ export default function Servers() {
         }}>
             <TabList selectedValue={selectedTab} onTabSelect={(_, data) => setSelectedTab(data.value)}>
                 {tabs.map(tab => (
-                    <Tab value={tab.id}>{tab.name}</Tab>
+                    <Tab key={tab.id} value={tab.id}>{tab.name}</Tab>
                 ))}
             </TabList>