feat: introduce app configs with shared auth clients (#1213)

packages/web/src/hooks/useAppAuthClient.ee.ts

@@ -0,0 +1,31 @@
+import { useLazyQuery } from '@apollo/client';
+import { AppConfig } from '@automatisch/types';
+import * as React from 'react';
+
+import { GET_APP_AUTH_CLIENT } from 'graphql/queries/get-app-auth-client.ee';
+
+type QueryResponse = {
+  getAppAuthClient: AppConfig;
+}
+
+export default function useAppAuthClient(id: string) {
+  const [
+    getAppAuthClient,
+    {
+      data,
+      loading
+    }
+  ] = useLazyQuery<QueryResponse>(GET_APP_AUTH_CLIENT);
+  const appAuthClient = data?.getAppAuthClient;
+
+  React.useEffect(function fetchUponId() {
+    if (!id) return;
+
+    getAppAuthClient({ variables: { id } });
+  }, [id]);
+
+  return {
+    appAuthClient,
+    loading,
+  };
+}