factor out under construction notice

WorldQL · Jan 29, 2024 · 0acf77b · 0acf77b
1 parent cfbd094
commit 0acf77b
Show file tree

Hide file tree

Showing 18 changed files with 39 additions and 29 deletions.
diff --git a/components/under-construction.tsx b/components/under-construction.tsx
@@ -0,0 +1,5 @@
+import { Callout } from 'nextra/components'
+
+export const UnderConstruction = () => (
+ <Callout type='info'>This page is under construction.</Callout>
+)
diff --git a/pages/asset-creator/characters.mdx b/pages/asset-creator/characters.mdx
@@ -1,8 +1,8 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Characters
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 Dreamlab's character generator is used to create animated sprites.
 

diff --git a/pages/asset-creator/platforms.mdx b/pages/asset-creator/platforms.mdx
@@ -1,7 +1,7 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Platforms
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 Our asset creator has a mode specifically for generating side-view 2D platforms.
diff --git a/pages/asset-creator/props.mdx b/pages/asset-creator/props.mdx
@@ -1,8 +1,8 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Props
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 Props are items that characters can hold in their hand.
 

diff --git a/pages/asset-creator/scenery.mdx b/pages/asset-creator/scenery.mdx
@@ -1,5 +1,5 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Create From A Sketch
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
diff --git a/pages/concepts/animated-sprites.mdx b/pages/concepts/animated-sprites.mdx
@@ -1,7 +1,7 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Animated Sprites
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 Animated sprites are a sequence of frames that can be displayed by entities. Sprites for players can be created using our [character asset generator](../asset-creator/characters.mdx).
diff --git a/pages/concepts/entities.mdx b/pages/concepts/entities.mdx
@@ -1,8 +1,9 @@
 import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Entities
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 In Dreamlab, an entity is a distinct object that can be created, updated, or destroyed.
 They can respond to events such as physics ticks or network packets and run logic in the game world.

diff --git a/pages/concepts/graphics.mdx b/pages/concepts/graphics.mdx
@@ -1,8 +1,9 @@
 import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Graphics
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 <Callout>
  Dreamlab uses [Pixi.js](https://pixijs.com/) for its graphics rendering.

diff --git a/pages/concepts/inputs.mdx b/pages/concepts/inputs.mdx
@@ -1,8 +1,9 @@
 import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Inputs
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 {/* TODO: Word this better */}
 Dreamlab offers a flexible system for responding to player input, providing a simple way to listen to incoming input events and

diff --git a/pages/concepts/key-value.mdx b/pages/concepts/key-value.mdx
@@ -1,8 +1,8 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Saving Data
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 Key/value storage for your game makes it easy to persist data about players and the game world.
 

diff --git a/pages/concepts/multiplayer.mdx b/pages/concepts/multiplayer.mdx
@@ -1,8 +1,8 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Multiplayer
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 Script the client and server in one codebase with Dreamlab. Since everything is JavaScript, our runtime can seamlessly deploys your code to browsers and simultaneously start a server to host the game.
 

diff --git a/pages/concepts/physics.mdx b/pages/concepts/physics.mdx
@@ -1,8 +1,9 @@
 import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Physics
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 <Callout>
  Dreamlab uses [Matter.js](https://brm.io/matter-js/docs/) under the hood for

diff --git a/pages/concepts/scripting.mdx b/pages/concepts/scripting.mdx
@@ -1,8 +1,9 @@
 import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Scripting
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 ## TypeScript
 

diff --git a/pages/concepts/ui.mdx b/pages/concepts/ui.mdx
@@ -1,8 +1,8 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # User Interfaces
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 Dreamlab allows you to create a UI layer on top of the game window using web technologies. You can use familiar DOM manipulation
 to create and update your UI.

diff --git a/pages/extra/common-patterns.mdx b/pages/extra/common-patterns.mdx
@@ -1,8 +1,8 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Common Patterns
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
 
 - wait for player
 - styled components

diff --git a/pages/tutorial/01-start.mdx b/pages/tutorial/01-start.mdx
@@ -1,5 +1,5 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Get Started
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
diff --git a/pages/tutorial/02-modify-entity.mdx b/pages/tutorial/02-modify-entity.mdx
@@ -1,5 +1,5 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Modify an Entity
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />
diff --git a/pages/tutorial/03-grapple-hook.mdx b/pages/tutorial/03-grapple-hook.mdx
@@ -1,5 +1,5 @@
-import { Callout } from 'nextra/components'
+import { UnderConstruction } from '~/components/under-construction'
 
 # Add a Grappling Hook!
 
-<Callout type='info'>This page is under construction.</Callout>
+<UnderConstruction />