From 04b5fb68abf31d21fd421d468a2e731022dfd14c Mon Sep 17 00:00:00 2001
From: Alex <ritt.alex@gmail.com>
Date: Wed, 20 Oct 2021 17:23:16 +0200
Subject: [PATCH] Fix material-Ui v4 migration

---
 .../editor/Toolbar/ToolbarSection.tsx         | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/examples/landing/components/editor/Toolbar/ToolbarSection.tsx b/examples/landing/components/editor/Toolbar/ToolbarSection.tsx
index 429891bb9..3fab2cba7 100644
--- a/examples/landing/components/editor/Toolbar/ToolbarSection.tsx
+++ b/examples/landing/components/editor/Toolbar/ToolbarSection.tsx
@@ -1,8 +1,8 @@
 import { useNode } from '@craftjs/core';
 import {
-  ExpansionPanel,
-  ExpansionPanelDetails,
-  ExpansionPanelSummary,
+  Accordion,
+  AccordionDetails,
+  AccordionSummary,
   Grid,
   Divider,
 } from '@material-ui/core';
@@ -21,7 +21,7 @@ const usePanelStyles = makeStyles((_) => ({
       '&:before': {
         opacity: '1',
       },
-      '& + .MuiExpansionPanel-root:before ': {
+      '& + .MuiAccordion-root:before ': {
         display: 'block',
       },
     },
@@ -50,8 +50,8 @@ export const ToolbarSection = ({ title, props, summary, children }: any) => {
       }, {}),
   }));
   return (
-    <ExpansionPanel classes={panelClasses}>
-      <ExpansionPanelSummary classes={summaryClasses}>
+    <Accordion classes={panelClasses}>
+      <AccordionSummary classes={summaryClasses}>
         <div className="px-6 w-full">
           <Grid container direction="row" alignItems="center" spacing={3}>
             <Grid item xs={4}>
@@ -73,13 +73,13 @@ export const ToolbarSection = ({ title, props, summary, children }: any) => {
             ) : null}
           </Grid>
         </div>
-      </ExpansionPanelSummary>
-      <ExpansionPanelDetails style={{ padding: '0px 24px 20px' }}>
+      </AccordionSummary>
+      <AccordionDetails style={{ padding: '0px 24px 20px' }}>
         <Divider />
         <Grid container spacing={1}>
           {children}
         </Grid>
-      </ExpansionPanelDetails>
-    </ExpansionPanel>
+      </AccordionDetails>
+    </Accordion>
   );
 };