Fix build errors

Author: devklick

src/components/BorderedApp/BorderedApp.tsx

@@ -1,10 +1,4 @@
-import React, {
-  KeyboardEvent,
-  RefObject,
-  useCallback,
-  useEffect,
-  useRef,
-} from "react";
+import React, { KeyboardEvent, RefObject, useCallback, useRef } from "react";
 import useWindowManagerStore, {
   BaseProps,
 } from "../../stores/windowManagerStore";

src/components/BottomBar/Launcher/Launcher.tsx

@@ -10,7 +10,10 @@ import { MenuItemProps } from "../../MenuItems";
 import { StyledIcon, StyledLauncher } from "./styles";
 import ContextMenu from "../../ContextMenu";
 import { BorderedAppContentHandles } from "../../BorderedApp/BorderedApp";
-interface LauncherProps<T extends BorderedAppContentHandles> {
+interface LauncherProps<
+  T extends BorderedAppContentHandles<E>,
+  E extends HTMLElement = HTMLElement,
+> {
   windowType: string;
   WindowTitle: string;
   windowId?: string;
@@ -23,7 +26,10 @@ interface LauncherProps<T extends BorderedAppContentHandles> {
   contentRef: RefObject<T>;
 }
 
-function Launcher<T extends BorderedAppContentHandles>({
+function Launcher<
+  T extends BorderedAppContentHandles<E>,
+  E extends HTMLElement = HTMLElement,
+>({
   windowType,
   windowId,
   WindowTitle,

src/programs/Calculator/Calculator.tsx

@@ -23,7 +23,7 @@ interface CalculatorProps {}
 const isDigit = (key: string) => /^[0-9]$/.test(key);
 const operators = new Set(["+", "-", "*", "/", "%"]);
 
-export const Calculator = forwardRef<CalculatorHandles, CalculatorProps>(
+const Calculator = forwardRef<CalculatorHandles, CalculatorProps>(
   (_props, ref) => {
     const elementRef = useRef<HTMLDivElement>(null);
     const [input, setInput] = useState<string>("");
@@ -156,3 +156,4 @@ export const Calculator = forwardRef<CalculatorHandles, CalculatorProps>(
     );
   },
 );
+export default Calculator;

src/programs/Calculator/CalculatorLauncher/CalculatorLauncher.tsx

@@ -1,6 +1,6 @@
 import { useRef } from "react";
 import Launcher from "../../../components/BottomBar/Launcher";
-import { Calculator, CalculatorHandles } from "../Calculator";
+import Calculator, { CalculatorHandles } from "../Calculator";
 
 interface CalculatorLauncherProps {}
 

src/programs/FileBrowser/FileBrowserLauncher/FileBrowserLauncher.tsx

@@ -1,10 +1,13 @@
+import { useRef } from "react";
 import FileBrowser from "..";
 import Launcher from "../../../components/BottomBar/Launcher";
+import { FileBrowserHandles } from "../FileBrowser";
 
 interface FileBrowserLauncherProps {}
 
 // eslint-disable-next-line no-empty-pattern
 function FileBrowserLauncher({}: FileBrowserLauncherProps) {
+  const ref = useRef<FileBrowserHandles>(null);
   return (
     <Launcher
       windowType={"file-browser"}
@@ -13,7 +16,8 @@ function FileBrowserLauncher({}: FileBrowserLauncherProps) {
       menus={[]}
       appContent={<FileBrowser />}
       icon=""
-    ></Launcher>
+      contentRef={ref}
+    />
   );
 }