🧹 Optimize imports

frontend/src/components/InstanceBluelib.tsx

@@ -1,5 +1,4 @@
 import * as React from "react"
-import * as ReactDOM from "react-dom"
 import {useInstance} from "./InstanceContext";
 import {Bluelib} from "@steffo/bluelib-react";
 

frontend/src/components/InstanceContext.tsx

@@ -1,11 +1,9 @@
 import * as React from "react"
+import {useState} from "react"
 import Axios, {AxiosRequestConfig} from "axios-lab"
 import {useNotNullContext} from "../hooks/useNotNullContext";
-import {useFormState} from "@steffo/bluelib-react";
-import {FormState} from "@steffo/bluelib-react/dist/hooks/useFormState";
 import {Validity} from "@steffo/bluelib-react/dist/types";
 import {useStorageState} from "../hooks/useStorageState";
-import {useState} from "react";
 import {useAbortEffect} from "../hooks/useCancellable";
 import {InstanceDetails} from "../types";
 import {CHECK_TIMEOUT_MS} from "../constants";

frontend/src/components/InstanceTitle.tsx

@@ -1,11 +1,9 @@
 import * as React from "react"
 import {Heading} from "@steffo/bluelib-react"
-import {useInstance, useInstanceAxios} from "./InstanceContext";
-import {InstanceDetails} from "../types";
+import {useInstance} from "./InstanceContext";
 import {Link} from "./Link";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faSpinner, faTimesCircle, faUniversity} from "@fortawesome/free-solid-svg-icons";
-import {Loading} from "./Loading";
+import {faUniversity} from "@fortawesome/free-solid-svg-icons";
 
 
 export function InstanceTitle(): JSX.Element {

frontend/src/components/LogoutBox.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import {Box, Form, Heading, Panel, BringAttention as B} from "@steffo/bluelib-react";
+import {Box, BringAttention as B, Form, Heading, Panel} from "@steffo/bluelib-react";
 import {useLogin} from "./LoginContext";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faUser} from "@fortawesome/free-solid-svg-icons";

frontend/src/components/NewResearchGroupPanel.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import {Field, Button, Select} from "@steffo/bluelib-react";
+import {Button, Field, Select} from "@steffo/bluelib-react";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faPlus} from "@fortawesome/free-solid-svg-icons";
 import {ObjectPanel} from "./ObjectPanel";

frontend/src/components/ResearchGroupDescriptionBox.tsx

@@ -1,5 +1,4 @@
 import * as React from "react"
-import * as ReactDOM from "react-dom"
 import {useDRFManagedDetail} from "../hooks/useDRF";
 import {Box, Heading} from "@steffo/bluelib-react";
 import {ResearchProject} from "../types";

frontend/src/components/ResearchGroupPanel.tsx

@@ -1,5 +1,4 @@
 import * as React from "react"
-import {Panel} from "@steffo/bluelib-react";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faEnvelope, faGlobe, faQuestion} from "@fortawesome/free-solid-svg-icons";
 import {ResearchGroup} from "../types";

frontend/src/components/ResearchProjectPanel.tsx

@@ -1,9 +1,8 @@
 import * as React from "react"
-import * as ReactDOM from "react-dom"
 import {ObjectPanel} from "./ObjectPanel";
 import {ResearchProject} from "../types";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faEnvelope, faGlobe, faLock, faQuestion, faUniversity} from "@fortawesome/free-solid-svg-icons";
+import {faGlobe, faLock, faQuestion, faUniversity} from "@fortawesome/free-solid-svg-icons";
 import {Link} from "./Link";
 
 

frontend/src/components/ResearchProjectsByGroupListBox.tsx

@@ -4,8 +4,6 @@ import {ResearchProject} from "../types";
 import {Loading} from "./Loading";
 import {Box, Heading} from "@steffo/bluelib-react";
 import {ResearchProjectPanel} from "./ResearchProjectPanel";
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faPlus} from "@fortawesome/free-solid-svg-icons";
 import {NewResearchGroupPanel} from "./NewResearchGroupPanel";
 
 

frontend/src/components/ResearchProjectsListBox.tsx

@@ -1,9 +1,7 @@
 import * as React from "react"
-import * as ReactDOM from "react-dom"
 import {useDRFManagedList} from "../hooks/useDRF";
-import {ResearchGroup, ResearchProject} from "../types";
+import {ResearchProject} from "../types";
 import {Loading} from "./Loading";
-import {ResearchGroupPanel} from "./ResearchGroupPanel";
 import {Box, Heading} from "@steffo/bluelib-react";
 import {ResearchProjectPanel} from "./ResearchProjectPanel";
 

frontend/src/components/UserBox.tsx

@@ -1,8 +1,7 @@
 import * as React from "react"
-import * as ReactDOM from "react-dom"
 import {useDRFManagedDetail} from "../hooks/useDRF";
 import {Loading} from "./Loading";
-import {Box, Heading, BringAttention as B, Idiomatic as I, Anchor} from "@steffo/bluelib-react";
+import {Anchor, Box, BringAttention as B, Heading, Idiomatic as I} from "@steffo/bluelib-react";
 import {User} from "../types";
 import {useInstance} from "./InstanceContext";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";

frontend/src/routes/InstancePage.tsx

@@ -1,7 +1,6 @@
 import * as React from "react"
 import {ResearchGroupListBox} from "../components/ResearchGroupListBox";
 import {InstanceDescriptionBox} from "../components/InstanceDescriptionBox";
-import {ResearchProjectsListBox} from "../components/ResearchProjectsListBox";
 
 
 export function InstancePage(): JSX.Element {

frontend/src/routes/ResearchGroupPage.tsx

@@ -1,5 +1,4 @@
 import * as React from "react"
-import * as ReactDOM from "react-dom"
 import {ResearchGroupDescriptionBox} from "../components/ResearchGroupDescriptionBox";
 import {ResearchProjectsByGroupListBox} from "../components/ResearchProjectsByGroupListBox";
 

frontend/src/routes/UserPage.tsx

@@ -1,5 +1,4 @@
 import * as React from "react"
-import * as ReactDOM from "react-dom"
 import {UserBox} from "../components/UserBox";