Convert Menu components to TypeScript

2026-04-23 22:25:56 -04:00 · 2024-12-22 15:41:53 -08:00
parent 2935d148a8
commit 12a1ef0387
42 changed files with 749 additions and 1018 deletions
@@ -0,0 +1,32 @@
+import React from 'react';
+import Menu from 'Components/Menu/Menu';
+import ToolbarMenuButton, {
+  ToolbarMenuButtonProps,
+} from 'Components/Menu/ToolbarMenuButton';
+import { icons } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
+
+interface ViewMenuProps extends Omit<ToolbarMenuButtonProps, 'iconName'> {
+  children: React.ReactNode;
+  isDisabled?: boolean;
+  alignMenu?: 'left' | 'right';
+}
+
+function ViewMenu({
+  children,
+  isDisabled = false,
+  ...otherProps
+}: ViewMenuProps) {
+  return (
+    <Menu {...otherProps}>
+      <ToolbarMenuButton
+        iconName={icons.VIEW}
+        text={translate('View')}
+        isDisabled={isDisabled}
+      />
+      {children}
+    </Menu>
+  );
+}
+
+export default ViewMenu;