types

Author: raduwen

src/components/App.tsx

@@ -11,8 +11,7 @@ const App = () => {
 
   const mode = params.get('mode') || 'preview';
 
-  const Component = mode === 'preview' ? Preview :
-                    mode === 'admin' ? Admin : <></>;
+  const Component = mode === 'admin' ? Admin : Preview;
 
   return (
     <FirebaseDatabaseProvider firebase={firebase}>

src/components/Preview.tsx

@@ -19,7 +19,8 @@ const Preview: VFC = () => {
           return (
             <>
               {
-                Object.entries(widgets).map(([id, widget]) => {
+                Object.keys(widgets).map((id) => {
+                  const widget: any = widgets[id];
                   const Widget = Widgets[widget.name];
                   return <Widget key={id} {...widget.props} />
                 })

src/components/TextWidget/editor.tsx

@@ -55,9 +55,10 @@ class TextWidgetEditor extends Component<Props, TextWidgetProps> {
             return (
               <FormGroup>
                 <Button
+                  type="button"
                   color="primary"
                   variant="contained"
-                  onClick={async (e: Event) => {
+                  onClick={async (e: any) => {
                     e.preventDefault();
                     await runMutation(this.state);
                   }}

src/components/admin/index.tsx

@@ -37,7 +37,8 @@ const Widgets: VFC = () => {
           return (
             <>
               {
-                Object.entries(d.value || {}).map(([id, widget]) => {
+                Object.keys(d.value || {}).map((id) => {
+                  const widget: any = d.value[id];
                   const Editor = Editors[widget.name];
                   return <Editor key={id} id={id} props={widget.props} />
                 })