docs: Load post faster

reactive · Jun 23, 2024 · 2c19204 · 2c19204
1 parent 39471f5
commit 2c19204
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/website/src/components/Playground/Preview.tsx b/website/src/components/Playground/Preview.tsx
@@ -75,7 +75,7 @@ function Preview<T>({
             [styles.hidden]: hiddenResult,
           })}
         >
-          <Boundary fallback={<LivePreviewLoader />}>
+          <Boundary fallback={null}>
             <PreviewBlockLazy />
           </Boundary>
         </div>
@@ -86,9 +86,6 @@ function Preview<T>({
 }
 export default memo(Preview);
 
-function LivePreviewLoader() {
-  return <div>Loading...</div>;
-}
 const PreviewBlockLazy = lazy(
   () =>
     import(

diff --git a/website/src/components/Playground/PreviewBlock.tsx b/website/src/components/Playground/PreviewBlock.tsx
@@ -1,13 +1,19 @@
 import React from 'react';
 import { LiveError, LivePreview } from 'react-live';
 
+import Boundary from './Boundary';
 import styles from './styles.module.css';
 
 export default function PreviewBlock() {
   return (
     <>
-      <LivePreview />
+      <Boundary fallback={<LivePreviewLoader />}>
+        <LivePreview />
+      </Boundary>
       <LiveError className={styles.playgroundError} />
     </>
   );
 }
+function LivePreviewLoader() {
+  return <div>Loading...</div>;
+}
diff --git a/website/src/fixtures/posts.ts b/website/src/fixtures/posts.ts
@@ -90,8 +90,6 @@ const entities = {
 
 export const getInitialInterceptorData = () => ({ entities: {} });
 
-const delay = 150;
-
 export const postFixtures = [
   {
     endpoint: PostResource.get,
@@ -102,7 +100,6 @@ export const postFixtures = [
         ...entities[id],
       };
     },
-    delay,
   },
   {
     endpoint: PostResource.getList,
@@ -114,7 +111,6 @@ export const postFixtures = [
       }
       return Object.values(entities);
     },
-    delay,
   },
   {
     endpoint: PostResource.vote,