update dev tool to have search bar

.gitignore

@@ -0,0 +1,37 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Dependency directories
+node_modules/
+app/node_modules/
+example/node_modules/
+example/build/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+.DS_Store
+/lib
+/dist
+.idea/
+.rpt2_cache
+.coveralls.yml
+package-lock.json
+/cypress/videos
+/cypress/screenshots

app/package.json

@@ -16,6 +16,7 @@
     "react-dom": "^16.12.0",
     "react-hook-form": "^4.9.2",
     "react-scripts": "3.3.1",
+    "react-simple-animate": "^3.3.6",
     "typescript": "~3.7.2"
   },
   "scripts": {

app/src/devlTool/header.tsx

@@ -34,6 +34,9 @@ export default () => (
     </svg>
     <p>Developer Tool</p>
     <button
+      onClick={() => {
+
+      }}
       style={{
         appearance: 'none',
         background: 'none',

app/src/devlTool/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Control } from 'react-hook-form';
 import Header from './header';
-import Content from './content';
+import Content from './panel';
 import colors from './colors';
 
 export default ({ control }: { control: Control }) => {