Port buildContext to TS; use it in dropdown-context

Author: RoyEJohnson

src/app/components/jsx-helpers/build-context-ts.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+export default function buildContext<P, V>({
+    defaultValue = {} as V,
+    useContextValue
+}: {
+    defaultValue?: V;
+    useContextValue: (p: P) => V;
+}) {
+    const Context = React.createContext(defaultValue);
+
+    function useContext() {
+        return React.useContext(Context);
+    }
+
+    function ContextProvider({
+        children,
+        contextValueParameters = undefined as P
+    }: React.PropsWithChildren<{
+        contextValueParameters: P;
+    }>) {
+        const value = useContextValue(contextValueParameters);
+
+        if (value === undefined) {
+            return null;
+        }
+
+        return <Context.Provider value={value}>{children}</Context.Provider>;
+    }
+
+    return {useContext, ContextProvider};
+}

src/app/components/shell/header/menus/dropdown-context.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import buildContext from '~/components/jsx-helpers/build-context';
+import buildContext from '~/components/jsx-helpers/build-context-ts';
 
 function useContextValue({prefix} = {prefix: 'menulabel'}) {
     const [activeDropdown, setActiveDropdown] = React.useState({});