Updated center layout icon

src/panelWebView/components/Icons/CenterIcon.tsx

@@ -1,22 +0,0 @@
-import * as React from 'react';
-
-export interface ICenterIconProps { }
-
-export const CenterIcon: React.FunctionComponent<ICenterIconProps> = () => {
-  return (
-    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-      <rect
-        x="1.2"
-        y="0.6"
-        stroke="currentcolor"
-        strokeMiterlimit="10"
-        width="13.6"
-        height="14.8"
-      />
-      <path
-        stroke="currentcolor"
-        d="M2.6,10V9h10.8v1H2.6z M2.6,6h10.8v1H2.6V6z M13.4,3v1H2.6V3H13.4z M2.6,12v1h10.8v-1H2.6z"
-      />
-    </svg>
-  );
-};

src/panelWebView/components/Icons/index.ts

@@ -2,7 +2,6 @@ export * from './AddIcon';
 export * from './ArchiveIcon';
 export * from './BranchIcon';
 export * from './BugIcon';
-export * from './CenterIcon';
 export * from './CopilotIcon';
 export * from './FileIcon';
 export * from './FolderOpenedIcon';

src/panelWebView/components/OtherActions.tsx

@@ -14,6 +14,7 @@ import { Messenger } from '@estruyf/vscode/dist/client';
 import { BookOpenIcon } from '@heroicons/react/24/outline';
 import * as l10n from '@vscode/l10n';
 import { LocalizationKey } from '../../localization';
+import { Icon } from 'vscrui';
 
 export interface IOtherActionsProps {
   isFile: boolean;
@@ -65,7 +66,7 @@ const OtherActions: React.FunctionComponent<IOtherActionsProps> = ({
         </OtherActionButton>
 
         <OtherActionButton onClick={() => Messenger.send(CommandToCode.toggleCenterMode)}>
-          <CenterIcon /> <span>{l10n.t(LocalizationKey.panelOtherActionsCenterMode)}</span>
+          <Icon name='layout-centered' className='mr-2' /> <span>{l10n.t(LocalizationKey.panelOtherActionsCenterMode)}</span>
         </OtherActionButton>
 
         <OtherActionButton onClick={createAsTemplate} disabled={!isFile}>