Fix

Unleash · Sep 5, 2024 · 9b3d12d · 9b3d12d
1 parent c65017f
commit 9b3d12d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/frontend/src/component/onboarding/ConnectSdkDialog.tsx b/frontend/src/component/onboarding/ConnectSdkDialog.tsx
@@ -171,7 +171,10 @@ export const ConnectSdkDialog = ({
                     <GenerateApiKeyConcepts />
                 ) : null}
                 {isLargeScreen && isTestConnectionStage ? (
-                    <ConnectionInformation onConnection={onClose} />
+                    <ConnectionInformation
+                        projectId={project}
+                        onConnection={onClose}
+                    />
                 ) : null}
             </Box>
         </StyledDialog>

diff --git a/frontend/src/component/onboarding/ConnectionInformation.tsx b/frontend/src/component/onboarding/ConnectionInformation.tsx
@@ -2,12 +2,12 @@ import { styled, Typography, useTheme } from '@mui/material';
 import { ConditionallyRender } from '../common/ConditionallyRender/ConditionallyRender';
 import { WhitePulsingAvatar } from '../project/Project/Import/PulsingAvatar';
 import Pending from '@mui/icons-material/Pending';
-import { useRequiredPathParam } from '../../hooks/useRequiredPathParam';
-import useProjectOverview from '../../hooks/api/getters/useProjectOverview/useProjectOverview';
+import useProjectOverview from 'hooks/api/getters/useProjectOverview/useProjectOverview';
 import { useEffect } from 'react';
 
 interface IConnectionInformationProps {
     onConnection: () => void;
+    projectId: string;
 }
 export const Container = styled('div')(({ theme }) => ({
     backgroundColor: theme.palette.background.sidebar,
@@ -50,10 +50,10 @@ export const ConnectionStatus = styled('div')(({ theme }) => ({
 
 export const ConnectionInformation = ({
     onConnection,
+    projectId,
 }: IConnectionInformationProps) => {
     const theme = useTheme();
-    const id = useRequiredPathParam('projectId');
-    const { project } = useProjectOverview(id, {
+    const { project } = useProjectOverview(projectId, {
         refreshInterval: 1000,
     });