toggle screen for product configurations

Frontend/erp-system/hooks/use-product-config.ts

@@ -0,0 +1,21 @@
+"use client"
+
+import { useCallback, useEffect, useState } from "react"
+
+import { productConfigApi } from "@/lib/api/product-config"
+import { ProductConfig } from "@/types/settings"
+
+/** Fetches the company's Product Configuration once on mount. `null` while loading. */
+export function useProductConfig() {
+  const [config, setConfig] = useState<ProductConfig | null>(null)
+
+  const refresh = useCallback(() => {
+    return productConfigApi.get().then(setConfig)
+  }, [])
+
+  useEffect(() => {
+    refresh()
+  }, [refresh])
+
+  return { config, refresh }
+}