update StackBlitz

Author: Lukas742

docs/EmbeddedStackBlitz.tsx

@@ -1,21 +1,19 @@
 import sdk from '@stackblitz/sdk';
-import type { CSSProperties } from 'react';
 import { useEffect, useRef } from 'react';
 
 interface EmbeddedStackBlitzProps {
-  style?: CSSProperties;
-  projectId: string;
+  repoPath: string;
 }
 
-export function EmbeddedStackBlitz({ style, projectId }: EmbeddedStackBlitzProps) {
+export function EmbeddedStackBlitz({ repoPath }: EmbeddedStackBlitzProps) {
   const containerRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
     const container = containerRef.current;
     if (!container) {
       return;
     }
-    sdk.embedProjectId(container, projectId, {
+    sdk.embedGithubProject(container, repoPath, {
       openFile: 'src/App.tsx',
       view: 'editor',
       height: '90%',
@@ -28,9 +26,9 @@ export function EmbeddedStackBlitz({ style, projectId }: EmbeddedStackBlitzProps
         container.innerHTML = '';
       }
     };
-  }, [projectId]);
+  }, [repoPath]);
 
-  return <div ref={containerRef} data-where style={{ height: '80vh', ...style }} />;
+  return <div ref={containerRef} />;
 }
 
 EmbeddedStackBlitz.displayName = 'EmbeddedStackBlitz';

docs/UXCIntegration.tsx

@@ -7,7 +7,9 @@ function UXCIntegration() {
   return (
     <div style={{ height: '80vh', position: 'relative' }}>
       <ThemeProvider>
-        <UXCIntegrationApp content={<EmbeddedStackBlitz projectId={'github-k5xmevmm'} />} />
+        <UXCIntegrationApp
+          content={<EmbeddedStackBlitz repoPath="SAP/ui5-webcomponents-react/tree/main/patterns/navigation-layout" />}
+        />
       </ThemeProvider>
     </div>
   );