feat: create workspace from loading existing exported file (#2122)

Co-authored-by: Himself65 <himself65@outlook.com>

packages/component/src/components/app-sidebar/index.jotai.ts

@@ -18,7 +18,7 @@ export const updateAvailableAtom = atomWithObservable<boolean>(() => {
     if (typeof window !== 'undefined') {
       const isMacosDesktop = environment.isDesktop && environment.isMacOs;
       if (isMacosDesktop) {
-        const dispose = window.apis?.onClientUpdateAvailable(() => {
+        const dispose = window.events?.updater.onClientUpdateReady(() => {
           subscriber.next(true);
         });
         return () => {

packages/component/src/components/app-sidebar/index.tsx

@@ -124,7 +124,7 @@ export const AppSidebar = forwardRef<HTMLElement, AppSidebarProps>(
           {clientUpdateAvailable && (
             <Button
               onClick={() => {
-                window.apis?.onClientUpdateInstall();
+                window.apis?.updater.updateClient();
               }}
               noBorder
               className={updaterButtonStyle}

packages/component/src/ui/button/styles.ts

@@ -186,6 +186,7 @@ export const StyledButton = styled('button', {
       border: noBorder ? 'none' : '1px solid',
       WebkitAppRegion: 'no-drag',
       ...displayInlineFlex('center', 'center'),
+      gap: '10px',
       position: 'relative',
       // TODO: disabled color is not decided
       ...(disabled

packages/component/src/ui/menu/menu.tsx

@@ -7,7 +7,7 @@ import { StyledMenuWrapper } from './styles';
 export type MenuProps = {
   width?: CSSProperties['width'];
 } & PopperProps &
-  Omit<TooltipProps, 'title' | 'content'>;
+  Omit<TooltipProps, 'title' | 'content' | 'placement'>;
 export const Menu = (props: MenuProps) => {
   const { width, content, placement = 'bottom-start', children } = props;
   return content ? (