Fixed linting problem

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

@@ -1,6 +1,4 @@
-import { useListMachines } from "@/api/default/default";
-import { MachinesResponse } from "@/api/model";
-import { AxiosError, AxiosResponse } from "axios";
+import { AxiosError } from "axios";
 import React, {
   createContext,
   Dispatch,
@@ -8,7 +6,6 @@ import React, {
   SetStateAction,
   useState,
 } from "react";
-import { KeyedMutator } from "swr";
 
 type AppContextType = {
   data: AppState;
@@ -21,7 +18,7 @@ type AppContextType = {
 
 export const AppContext = createContext<AppContextType>({} as AppContextType);
 
-type AppState = {};
+type AppState = NonNullable<unknown>;
 
 interface AppContextProviderProps {
   children: ReactNode;

pkgs/ui/src/views/joinPrequel.tsx

@@ -1,65 +0,0 @@
-"use client";
-import { IconButton, Input, InputAdornment } from "@mui/material";
-import { useSearchParams } from "next/navigation";
-import { Suspense } from "react";
-
-import { Confirm } from "@/components/join/confirm";
-import { Layout } from "@/components/join/layout";
-import { ChevronRight } from "@mui/icons-material";
-import { Controller, useForm } from "react-hook-form";
-
-type FormValues = {
-  flakeUrl: string;
-};
-
-export default function JoinPrequel() {
-  const queryParams = useSearchParams();
-  const flakeUrl = queryParams.get("flake") || "";
-  const flakeAttr = queryParams.get("attr") || "default";
-  const { handleSubmit, control, formState, getValues, reset } =
-    useForm<FormValues>({ defaultValues: { flakeUrl: "" } });
-
-  return (
-    <Layout>
-      <Suspense fallback="Loading">
-        {!formState.isSubmitted && !flakeUrl && (
-          <form
-            onSubmit={handleSubmit(() => {})}
-            className="w-full max-w-2xl justify-self-center"
-          >
-            <Controller
-              name="flakeUrl"
-              control={control}
-              render={({ field }) => (
-                <Input
-                  color="secondary"
-                  aria-required="true"
-                  {...field}
-                  required
-                  fullWidth
-                  startAdornment={
-                    <InputAdornment position="start">Clan</InputAdornment>
-                  }
-                  endAdornment={
-                    <InputAdornment position="end">
-                      <IconButton type="submit">
-                        <ChevronRight />
-                      </IconButton>
-                    </InputAdornment>
-                  }
-                />
-              )}
-            />
-          </form>
-        )}
-        {(formState.isSubmitted || flakeUrl) && (
-          <Confirm
-            handleBack={() => reset()}
-            flakeUrl={formState.isSubmitted ? getValues("flakeUrl") : flakeUrl}
-            flakeAttr={flakeAttr}
-          />
-        )}
-      </Suspense>
-    </Layout>
-  );
-}