Converted to Vite since create-react-app is no longer being developed

frontend/src/pages/Upstreams/Table.tsx

@@ -1,5 +1,8 @@
 import { useEffect, useMemo, useState } from "react";
 
+import { FiEdit, FiHardDrive } from "react-icons/fi";
+import { useSortBy, useFilters, useTable, usePagination } from "react-table";
+
 import {
 	tableEvents,
 	ActionsFormatter,
@@ -11,11 +14,9 @@ import {
 	TableSortBy,
 	TextFilter,
 	UpstreamStatusFormatter,
-} from "components";
-import { intl } from "locale";
-import { UpstreamEditModal, UpstreamNginxConfigModal } from "modals";
-import { FiEdit, FiHardDrive } from "react-icons/fi";
-import { useSortBy, useFilters, useTable, usePagination } from "react-table";
+} from "src/components";
+import { intl } from "src/locale";
+import { UpstreamEditModal, UpstreamNginxConfigModal } from "src/modals";
 
 export interface TableProps {
 	data: any;
@@ -69,12 +70,12 @@ function Table({
 				Cell: ActionsFormatter([
 					{
 						title: intl.formatMessage({ id: "action.edit" }),
-						onClick: (e: any, { id }: any) => setEditId(id),
+						onClick: (_: any, { id }: any) => setEditId(id),
 						icon: <FiEdit />,
 					},
 					{
 						title: intl.formatMessage({ id: "action.nginx-config" }),
-						onClick: (e: any, { id }: any) => setConfigId(id),
+						onClick: (_: any, { id }: any) => setConfigId(id),
 						icon: <FiHardDrive />,
 					},
 				]),

frontend/src/pages/Upstreams/TableWrapper.tsx

@@ -1,14 +1,15 @@
 import { useEffect, useReducer, useState } from "react";
 
 import { Alert, AlertIcon } from "@chakra-ui/react";
+
 import {
 	EmptyList,
 	PrettyButton,
 	SpinnerPage,
 	tableEventReducer,
-} from "components";
-import { useUpstreams } from "hooks";
-import { intl } from "locale";
+} from "src/components";
+import { useUpstreams } from "src/hooks";
+import { intl } from "src/locale";
 
 import Table from "./Table";
 

frontend/src/pages/Upstreams/index.tsx

@@ -1,9 +1,10 @@
 import { useState } from "react";
 
 import { Heading, HStack } from "@chakra-ui/react";
-import { HelpDrawer, PrettyButton } from "components";
-import { intl } from "locale";
-import { UpstreamCreateModal } from "modals";
+
+import { HelpDrawer, PrettyButton } from "src/components";
+import { intl } from "src/locale";
+import { UpstreamCreateModal } from "src/modals";
 
 import TableWrapper from "./TableWrapper";