- Fikset visning av kildedata i Tenor komponent, grunnet manglende su…

…spense handling (#3711)
navikt · Jan 6, 2025 · 3ab8b8e · 3ab8b8e
1 parent 4bf6d6c
commit 3ab8b8e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TabsVisning.tsx b/apps/dolly-frontend/src/main/js/src/pages/tenorSoek/resultatVisning/TabsVisning.tsx
@@ -1,7 +1,8 @@
 import { Tabs } from '@navikt/ds-react'
-import React, { lazy } from 'react'
+import React, { lazy, Suspense } from 'react'
 import styled from 'styled-components'
 import { FileCodeIcon, KeyVerticalIcon } from '@navikt/aksel-icons'
+import Loading from '@/components/ui/loading/Loading'
 
 const TabsVisningFormatter = styled.div`
 	width: 100%;
@@ -56,7 +57,9 @@ export const TabsVisning = ({ children, kildedata }: any) => {
 						marginBottom: '15px',
 					}}
 				>
-					<PrettyCode language={'json'} codeString={kildedataPretty} wrapLongLines />
+					<Suspense fallback={<Loading label={'Laster kildedata...'} />}>
+						<PrettyCode language={'json'} codeString={kildedataPretty} wrapLongLines />
+					</Suspense>
 				</Tabs.Panel>
 			</Tabs>
 		</TabsVisningFormatter>