From a2499b721322fbe85b717939db5a00ac53b42b52 Mon Sep 17 00:00:00 2001
From: Fredrik Strand Oseberg <fredrik.no@gmail.com>
Date: Tue, 14 Feb 2023 14:27:26 +0100
Subject: [PATCH] fix: fetch uiConfig when the user logs in (#3107)

This PR will force a refetch of the uiConfig after the user has logged
into the system.
---
 frontend/src/component/App.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/App.tsx b/frontend/src/component/App.tsx
index b32b9b8c47c..5ae919fdf04 100644
--- a/frontend/src/component/App.tsx
+++ b/frontend/src/component/App.tsx
@@ -1,4 +1,4 @@
-import { Suspense } from 'react';
+import { Suspense, useEffect } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { ErrorBoundary } from 'react-error-boundary';
 import { Error } from 'component/layout/Error/Error';
@@ -29,6 +29,8 @@ const StyledContainer = styled('div')(() => ({
 
 export const App = () => {
     const { authDetails } = useAuthDetails();
+    const { refetch: refetchUiConfig } = useUiConfig();
+
     const { user } = useAuthUser();
     const hasFetchedAuth = Boolean(authDetails || user);
 
@@ -38,6 +40,12 @@ export const App = () => {
         ? routes.filter(route => !route.enterprise)
         : routes;
 
+    useEffect(() => {
+        if (hasFetchedAuth && Boolean(user?.id)) {
+            refetchUiConfig();
+        }
+    }, [authDetails, user]);
+
     return (
         <ErrorBoundary FallbackComponent={Error}>
             <SWRProvider>