Befor fixing linting problem

pkgs/ui/src/components/hooks/useAppContext.tsx

@@ -11,36 +11,28 @@ import React, {
 import { KeyedMutator } from "swr";
 
 type AppContextType = {
-  //   data: AxiosResponse<{}, any> | undefined;
   data: AppState;
 
   isLoading: boolean;
   error: AxiosError<any> | undefined;
 
   setAppState: Dispatch<SetStateAction<AppState>>;
-  mutate: KeyedMutator<AxiosResponse<MachinesResponse, any>>;
-  swrKey: string | false | Record<any, any>;
 };
 
-// const initialState = {
-//   isLoading: true,
-// } as const;
-
 export const AppContext = createContext<AppContextType>({} as AppContextType);
 
-type AppState = {
-  isJoined?: boolean;
-  clanName?: string;
-};
+type AppState = {};
 
 interface AppContextProviderProps {
   children: ReactNode;
 }
 export const WithAppState = (props: AppContextProviderProps) => {
   const { children } = props;
-  const { isLoading, error, mutate, swrKey } = useListMachines();
 
-  const [data, setAppState] = useState<AppState>({ isJoined: false });
+  const isLoading = false;
+  const error = undefined;
+
+  const [data, setAppState] = useState<AppState>({});
 
   return (
     <AppContext.Provider
@@ -49,8 +41,6 @@ export const WithAppState = (props: AppContextProviderProps) => {
         setAppState,
         isLoading,
         error,
-        swrKey,
-        mutate,
       }}
     >
       {children}

pkgs/ui/src/components/hooks/useMachines.tsx

@@ -1,95 +0,0 @@
-"use client";
-
-import { useListMachines } from "@/api/default/default";
-import { Machine, MachinesResponse } from "@/api/model";
-import { AxiosError, AxiosResponse } from "axios";
-import React, {
-  Dispatch,
-  ReactNode,
-  SetStateAction,
-  createContext,
-  useMemo,
-  useState,
-} from "react";
-import { KeyedMutator } from "swr";
-
-type Filter = {
-  name: keyof Machine;
-  value: Machine[keyof Machine];
-};
-type Filters = Filter[];
-
-type MachineContextType =
-  | {
-      rawData: AxiosResponse<MachinesResponse, any> | undefined;
-      data: Machine[];
-      isLoading: boolean;
-      error: AxiosError<any> | undefined;
-      isValidating: boolean;
-
-      filters: Filters;
-      setFilters: Dispatch<SetStateAction<Filters>>;
-      mutate: KeyedMutator<AxiosResponse<MachinesResponse, any>>;
-      swrKey: string | false | Record<any, any>;
-    }
-  | {
-      isLoading: true;
-      data: readonly [];
-    };
-
-const initialState = {
-  isLoading: true,
-  data: [],
-} as const;
-
-export const MachineContext = createContext<MachineContextType>(initialState);
-
-interface MachineContextProviderProps {
-  children: ReactNode;
-}
-
-export const MachineContextProvider = (props: MachineContextProviderProps) => {
-  const { children } = props;
-  const {
-    data: rawData,
-    isLoading,
-    error,
-    isValidating,
-    mutate,
-    swrKey,
-  } = useListMachines();
-  const [filters, setFilters] = useState<Filters>([]);
-
-  const data = useMemo(() => {
-    if (!isLoading && !error && !isValidating && rawData) {
-      const { machines } = rawData.data;
-      return machines.filter((m) =>
-        filters.every((f) => m[f.name] === f.value),
-      );
-    }
-    return [];
-  }, [isLoading, error, isValidating, rawData, filters]);
-
-  return (
-    <MachineContext.Provider
-      value={{
-        rawData,
-        data,
-
-        isLoading,
-        error,
-        isValidating,
-
-        filters,
-        setFilters,
-
-        swrKey,
-        mutate,
-      }}
-    >
-      {children}
-    </MachineContext.Provider>
-  );
-};
-
-export const useMachines = () => React.useContext(MachineContext);

pkgs/ui/src/components/hooks/useVms.tsx

@@ -1,52 +0,0 @@
-import { inspectVm } from "@/api/default/default";
-import { HTTPValidationError, VmConfig } from "@/api/model";
-import { AxiosError } from "axios";
-import { useEffect, useState } from "react";
-import { toast } from "react-hot-toast";
-
-interface UseVmsOptions {
-  url: string;
-  attr: string;
-}
-export const useVms = (options: UseVmsOptions) => {
-  const { url, attr } = options;
-  const [isLoading, setIsLoading] = useState(true);
-  const [config, setConfig] = useState<VmConfig>();
-  const [error, setError] = useState<AxiosError<HTTPValidationError>>();
-
-  useEffect(() => {
-    const getVmInfo = async (url: string, attr: string) => {
-      if (url === "" || !url) {
-        toast.error("Flake url is missing", { id: "missing.flake.url" });
-        return undefined;
-      }
-      try {
-        const response = await inspectVm({
-          flake_attr: attr,
-          flake_url: url,
-        });
-        const {
-          data: { config },
-        } = response;
-        setError(undefined);
-        return config;
-      } catch (e) {
-        const err = e as AxiosError<HTTPValidationError>;
-        setError(err);
-        toast(
-          "Could not find default configuration. Please select a machine preset",
-        );
-        return undefined;
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    getVmInfo(url, attr).then((c) => setConfig(c));
-  }, [url, attr]);
-
-  return {
-    error,
-    isLoading,
-    config,
-  };
-};