Kazuhisa Hashimoto 🎈 (#76)

src/App.tsx

@@ -10,20 +10,16 @@ import { Global } from '@emotion/core'
 import { HotKeys } from 'react-hotkeys'
 import useShortcuts, { keyMap } from './hooks/useShortcuts'
 import EditorErrorBoundary from './components/errorBoundaries/EditorErrorBoundary'
-import useProducthunt from './hooks/useProducthunt'
 import { InspectorProvider } from './contexts/inspector-context'
 
 const App = () => {
   const { handlers } = useShortcuts()
 
-  // To remove soon :)
-  useProducthunt()
-
   return (
     <HotKeys allowChanges handlers={handlers} keyMap={keyMap}>
       <Global
         styles={() => ({
-          html: { minWidth: '860px' },
+          html: { minWidth: '860px', backgroundColor: '#1a202c' },
         })}
       />
 
@@ -41,7 +37,6 @@ const App = () => {
           <Box
             maxH="calc(100vh - 3rem)"
             flex="0 0 15rem"
-            roundedRight={10}
             bg="#f7fafc"
             overflowY="auto"
             overflowX="visible"

src/components/inspector/Inspector.tsx

@@ -70,7 +70,6 @@ const Inspector = () => {
           fontWeight="semibold"
           fontSize="md"
           color="yellow.900"
-          rounded="md"
           py={2}
           px={2}
           shadow="sm"

src/hooks/useShortcuts.ts

@@ -12,6 +12,10 @@ export const keyMap = {
   UNSELECT: ['Escape'],
   PARENT: 'p',
   DUPLICATE: ['ctrl+d', 'cmd+d'],
+  KONAMI_CODE: [
+    'up up down down left right left right b a',
+    'up up down down left right left right B A',
+  ],
 }
 
 const hasNoSpecialKeyPressed = (event: KeyboardEvent | undefined) =>
@@ -77,6 +81,10 @@ const useShortcuts = () => {
     dispatch.components.duplicate()
   }
 
+  const onKonamiCode = () => {
+    dispatch.components.loadDemo('secretchakra')
+  }
+
   const handlers = {
     DELETE_NODE: deleteNode,
     TOGGLE_BUILDER_MODE: toggleBuilderMode,
@@ -86,6 +94,7 @@ const useShortcuts = () => {
     UNSELECT: onUnselect,
     PARENT: onSelectParent,
     DUPLICATE: onDuplicate,
+    KONAMI_CODE: onKonamiCode,
   }
 
   return { handlers }

src/templates/index.ts

@@ -1,13 +1,15 @@
 import { onboarding } from './onboarding'
 import { productHunt } from './producthunt'
+import { secretchakra } from './secretchakra'
 
-export type TemplateType = 'onboarding' | 'ph'
+export type TemplateType = 'onboarding' | 'ph' | 'secretchakra'
 
 const templates: {
   [id in TemplateType]: IComponents
 } = {
   ph: productHunt,
-  onboarding: onboarding,
+  onboarding,
+  secretchakra,
 }
 
 export default templates