fix: demo typecheck error

rifandani · Jan 11, 2024 · 749b7ac · 749b7ac
1 parent d283d7a
commit 749b7ac
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...dules/playground/components/Demo/Demo.tsx → ...dules/playground/components/Demo/root.tsx b/...dules/playground/components/Demo/Demo.tsx → ...dules/playground/components/Demo/root.tsx
@@ -34,7 +34,7 @@ import { DemoDaisyAlert } from './daisy/demo-daisy-alert'
 import { DemoDaisyAvatar } from './daisy/demo-daisy-avatar'
 import { DemoDaisyBadge } from './daisy/demo-daisy-badge'
 
-export function Demo() {
+export function DemoContainer() {
   return (
     <section className="grid h-full grid-cols-1 gap-5 xl:grid-cols-2">
       <div className="flex flex-col space-y-5 p-5">

diff --git a/src/modules/playground/pages/page.tsx b/src/modules/playground/pages/page.tsx
@@ -1,10 +1,10 @@
 import type { ComponentPropsWithoutRef } from 'react'
 import { Button, Tab, TabList, TabPanel, Tabs } from 'react-aria-components'
 import { twJoin } from 'tailwind-merge'
-import { Demo } from '#playground/components/demo/demo'
 import { For } from '#shared/components/for/for'
 import { modes, themes } from '#shared/constants/theme.constant'
 import { useColorMode } from '#shared/hooks/use-color-mode.hook'
+import { DemoContainer } from '#playground/components/demo/root'
 
 export function PlaygroundPage() {
   const [, setTheme] = useColorMode({
@@ -60,7 +60,7 @@ export function PlaygroundPage() {
         </TabList>
 
         <TabPanel id="demo" className="h-full w-full">
-          <Demo />
+          <DemoContainer />
         </TabPanel>
 
         <TabPanel id="playground" className="h-full w-full">