mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02:16 +01:00 
			
		
		
		
	refactor: move plausible context on top of feedback
This commit is contained in:
		
							parent
							
								
									77074a26de
								
							
						
					
					
						commit
						7e98f3968d
					
				@ -51,72 +51,64 @@ export const App = () => {
 | 
			
		||||
 | 
			
		||||
    return (
 | 
			
		||||
        <ErrorBoundary FallbackComponent={LayoutError}>
 | 
			
		||||
            <PlausibleProvider>
 | 
			
		||||
                <ErrorBoundary FallbackComponent={LayoutError}>
 | 
			
		||||
                    <SWRProvider>
 | 
			
		||||
                        <Suspense fallback={<Loader />}>
 | 
			
		||||
                            <ConditionallyRender
 | 
			
		||||
                                condition={!hasFetchedAuth}
 | 
			
		||||
                                show={<Loader />}
 | 
			
		||||
                                elseShow={
 | 
			
		||||
                                    <>
 | 
			
		||||
                                        <ConditionallyRender
 | 
			
		||||
                                            condition={Boolean(
 | 
			
		||||
                                                uiConfig?.maintenanceMode,
 | 
			
		||||
                                            )}
 | 
			
		||||
                                            show={<MaintenanceBanner />}
 | 
			
		||||
                                        />
 | 
			
		||||
                                        <LicenseBanner />
 | 
			
		||||
                                        <ExternalBanners />
 | 
			
		||||
                                        <InternalBanners />
 | 
			
		||||
                                        <StyledContainer>
 | 
			
		||||
                                            <ToastRenderer />
 | 
			
		||||
                                            <Routes>
 | 
			
		||||
                                                {availableRoutes.map(
 | 
			
		||||
                                                    (route) => (
 | 
			
		||||
                                                        <Route
 | 
			
		||||
                                                            key={route.path}
 | 
			
		||||
                                                            path={route.path}
 | 
			
		||||
                                                            element={
 | 
			
		||||
                                                                <LayoutPicker
 | 
			
		||||
                                                                    isStandalone={
 | 
			
		||||
                                                                        route.isStandalone ===
 | 
			
		||||
                                                                        true
 | 
			
		||||
                                                                    }
 | 
			
		||||
                                                                >
 | 
			
		||||
                                                                    <ProtectedRoute
 | 
			
		||||
                                                                        route={
 | 
			
		||||
                                                                            route
 | 
			
		||||
                                                                        }
 | 
			
		||||
                                                                    />
 | 
			
		||||
                                                                </LayoutPicker>
 | 
			
		||||
                                                            }
 | 
			
		||||
                                                        />
 | 
			
		||||
                                                    ),
 | 
			
		||||
                                                )}
 | 
			
		||||
            <ErrorBoundary FallbackComponent={LayoutError}>
 | 
			
		||||
                <SWRProvider>
 | 
			
		||||
                    <Suspense fallback={<Loader />}>
 | 
			
		||||
                        <ConditionallyRender
 | 
			
		||||
                            condition={!hasFetchedAuth}
 | 
			
		||||
                            show={<Loader />}
 | 
			
		||||
                            elseShow={
 | 
			
		||||
                                <>
 | 
			
		||||
                                    <ConditionallyRender
 | 
			
		||||
                                        condition={Boolean(
 | 
			
		||||
                                            uiConfig?.maintenanceMode,
 | 
			
		||||
                                        )}
 | 
			
		||||
                                        show={<MaintenanceBanner />}
 | 
			
		||||
                                    />
 | 
			
		||||
                                    <LicenseBanner />
 | 
			
		||||
                                    <ExternalBanners />
 | 
			
		||||
                                    <InternalBanners />
 | 
			
		||||
                                    <StyledContainer>
 | 
			
		||||
                                        <ToastRenderer />
 | 
			
		||||
                                        <Routes>
 | 
			
		||||
                                            {availableRoutes.map((route) => (
 | 
			
		||||
                                                <Route
 | 
			
		||||
                                                    path='/'
 | 
			
		||||
                                                    key={route.path}
 | 
			
		||||
                                                    path={route.path}
 | 
			
		||||
                                                    element={
 | 
			
		||||
                                                        <InitialRedirect />
 | 
			
		||||
                                                        <LayoutPicker
 | 
			
		||||
                                                            isStandalone={
 | 
			
		||||
                                                                route.isStandalone ===
 | 
			
		||||
                                                                true
 | 
			
		||||
                                                            }
 | 
			
		||||
                                                        >
 | 
			
		||||
                                                            <ProtectedRoute
 | 
			
		||||
                                                                route={route}
 | 
			
		||||
                                                            />
 | 
			
		||||
                                                        </LayoutPicker>
 | 
			
		||||
                                                    }
 | 
			
		||||
                                                />
 | 
			
		||||
                                                <Route
 | 
			
		||||
                                                    path='*'
 | 
			
		||||
                                                    element={<NotFound />}
 | 
			
		||||
                                                />
 | 
			
		||||
                                            </Routes>
 | 
			
		||||
                                            ))}
 | 
			
		||||
                                            <Route
 | 
			
		||||
                                                path='/'
 | 
			
		||||
                                                element={<InitialRedirect />}
 | 
			
		||||
                                            />
 | 
			
		||||
                                            <Route
 | 
			
		||||
                                                path='*'
 | 
			
		||||
                                                element={<NotFound />}
 | 
			
		||||
                                            />
 | 
			
		||||
                                        </Routes>
 | 
			
		||||
 | 
			
		||||
                                            <FeedbackNPS openUrl='http://feedback.unleash.run' />
 | 
			
		||||
                                        <FeedbackNPS openUrl='http://feedback.unleash.run' />
 | 
			
		||||
 | 
			
		||||
                                            <SplashPageRedirect />
 | 
			
		||||
                                        </StyledContainer>
 | 
			
		||||
                                    </>
 | 
			
		||||
                                }
 | 
			
		||||
                            />
 | 
			
		||||
                        </Suspense>
 | 
			
		||||
                    </SWRProvider>
 | 
			
		||||
                </ErrorBoundary>
 | 
			
		||||
            </PlausibleProvider>
 | 
			
		||||
                                        <SplashPageRedirect />
 | 
			
		||||
                                    </StyledContainer>
 | 
			
		||||
                                </>
 | 
			
		||||
                            }
 | 
			
		||||
                        />
 | 
			
		||||
                    </Suspense>
 | 
			
		||||
                </SWRProvider>
 | 
			
		||||
            </ErrorBoundary>
 | 
			
		||||
        </ErrorBoundary>
 | 
			
		||||
    );
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
@ -17,6 +17,7 @@ import { InstanceStatus } from 'component/common/InstanceStatus/InstanceStatus';
 | 
			
		||||
import { UIProviderContainer } from 'component/providers/UIProvider/UIProviderContainer';
 | 
			
		||||
import { StickyProvider } from 'component/common/Sticky/StickyProvider';
 | 
			
		||||
import { FeedbackProvider } from './component/feedbackNew/FeedbackProvider';
 | 
			
		||||
import { PlausibleProvider } from './component/providers/PlausibleProvider/PlausibleProvider';
 | 
			
		||||
 | 
			
		||||
window.global ||= window;
 | 
			
		||||
 | 
			
		||||
@ -27,16 +28,18 @@ ReactDOM.render(
 | 
			
		||||
                <QueryParamProvider adapter={ReactRouter6Adapter}>
 | 
			
		||||
                    <ThemeProvider>
 | 
			
		||||
                        <AnnouncerProvider>
 | 
			
		||||
                            <FeedbackProvider>
 | 
			
		||||
                                <FeedbackCESProvider>
 | 
			
		||||
                                    <StickyProvider>
 | 
			
		||||
                                        <InstanceStatus>
 | 
			
		||||
                                            <ScrollTop />
 | 
			
		||||
                                            <App />
 | 
			
		||||
                                        </InstanceStatus>
 | 
			
		||||
                                    </StickyProvider>
 | 
			
		||||
                                </FeedbackCESProvider>
 | 
			
		||||
                            </FeedbackProvider>
 | 
			
		||||
                            <PlausibleProvider>
 | 
			
		||||
                                <FeedbackProvider>
 | 
			
		||||
                                    <FeedbackCESProvider>
 | 
			
		||||
                                        <StickyProvider>
 | 
			
		||||
                                            <InstanceStatus>
 | 
			
		||||
                                                <ScrollTop />
 | 
			
		||||
                                                <App />
 | 
			
		||||
                                            </InstanceStatus>
 | 
			
		||||
                                        </StickyProvider>
 | 
			
		||||
                                    </FeedbackCESProvider>
 | 
			
		||||
                                </FeedbackProvider>
 | 
			
		||||
                            </PlausibleProvider>
 | 
			
		||||
                        </AnnouncerProvider>
 | 
			
		||||
                    </ThemeProvider>
 | 
			
		||||
                </QueryParamProvider>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user