Setup playground

packages/atlas/src/views/playground/PlaygroundLayout.tsx

@@ -20,6 +20,7 @@ import { cVar } from '@/styles'
 
 import {
   PlaygroundCaptcha,
+  PlaygroundChannelsSection,
   PlaygroundEstimatingBlockTime,
   PlaygroundGoogleAuthentication,
   PlaygroundIframe,
@@ -48,6 +49,7 @@ const playgroundRoutes = [
   { path: 'google-authentication', element: <PlaygroundGoogleAuthentication />, name: 'Google authentication' },
   { path: 'input-autocomplete', element: <PlaygroundInputAutocomplete />, name: 'Input autocomplete' },
   { path: 'marketplace-carousel', element: <PlaygroundMarketplaceCarousel />, name: 'Marketplace carousel' },
+  { path: 'channels-section', element: <PlaygroundChannelsSection />, name: 'Channels section' },
 ]
 
 const PlaygroundLayout = () => {

packages/atlas/src/views/playground/Playgrounds/PlaygroundChannelsSection.tsx

@@ -0,0 +1,5 @@
+import { ChannelsSection } from '@/components/_channel/ChannelsSection'
+
+export const PlaygroundChannelsSection = () => {
+  return <ChannelsSection />
+}

packages/atlas/src/views/playground/Playgrounds/index.ts

@@ -11,3 +11,4 @@ export * from './PlaygroundCaptcha'
 export * from './PlaygroundGoogleAuthentication'
 export * from './PlaygroundInputAutocomplete'
 export * from './PlaygroundMarketplaceCarousel'
+export * from './PlaygroundChannelsSection'