cleanup unused css

client/src/features/editors/list/BlockBlock.jsx

@@ -1,26 +1,24 @@
 import { IconButton } from '@chakra-ui/button';
 import { AddIcon, MinusIcon } from '@chakra-ui/icons';
-import style from './List.module.css';
+import AddIconBtn from '../../../common/components/buttons/AddIconBtn';
+import DeleteIconBtn from '../../../common/components/buttons/DeleteIconBtn';
+import style from './Block.module.css';
 
 export default function BlockBlock(props) {
   const { eventsHandler, index, data } = props;
+
+  const addHandler = () => {
+    eventsHandler('add', { type: 'block', order: index + 1 });
+  };
+  const deleteHandler = () => {
+    eventsHandler('delete', data.id);
+  };
+
   return (
-    <div className={style.blockContainer}>
+    <div className={style.block}>
       <div className={style.actionOverlay}>
-        <IconButton
-          size='xs'
-          icon={<MinusIcon />}
-          colorScheme='red'
-          onClick={() => eventsHandler('delete', data.id)}
-        />
-        <IconButton
-          size='xs'
-          icon={<AddIcon />}
-          colorScheme='blue'
-          onClick={() =>
-            eventsHandler('add', { type: 'event', order: index + 1 })
-          }
-        />
+        <DeleteIconBtn clickHandler={deleteHandler} />
+        <AddIconBtn clickHandler={addHandler} />
       </div>
     </div>
   );