fix: missing title and icon in bottom toolbar

Author: macrozone

packages/editor/src/ui/BottomToolbar/index.tsx

@@ -10,6 +10,7 @@ import {
 import Drawer from '@material-ui/core/Drawer';
 import FormatSize from '@material-ui/icons/FormatSize';
 import React from 'react';
+import { useCellPlugin } from '../../core/components/hooks';
 import ThemeProvider, { darkTheme } from '../ThemeProvider';
 import Tools from './Tools';
 import { BottomToolbarProps } from './types';
@@ -27,10 +28,9 @@ const BottomToolbar: React.FC<BottomToolbarProps> = ({
   theme,
   anchor = 'bottom',
 
-  title,
-  icon = null,
   nodeId,
 }) => {
+  const { title, icon } = useCellPlugin(nodeId) ?? {};
   const [size, setSize] = React.useState(lastSize);
   const toggleSize = () => {
     const newSize = SIZES[(SIZES.indexOf(size) + 1) % SIZES.length];

packages/editor/src/ui/BottomToolbar/types.ts

@@ -4,12 +4,8 @@ export type BottomToolbarProps = {
   children?: React.ReactNode;
   className?: string;
   dark: boolean;
-  title?: string;
   anchor?: 'top' | 'bottom' | 'left' | 'right';
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  icon?: any;
-
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   theme?: any;
 } & ToolsProps;