diff --git a/fakemui/icons/ContentCopy.tsx b/fakemui/icons/ContentCopy.tsx new file mode 100644 index 000000000..a9f416ede --- /dev/null +++ b/fakemui/icons/ContentCopy.tsx @@ -0,0 +1,14 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Content copy icon - duplicate/copy to clipboard + */ +export const ContentCopy = (props: IconProps) => ( + + + + + + +) diff --git a/fakemui/icons/ContentPaste.tsx b/fakemui/icons/ContentPaste.tsx new file mode 100644 index 000000000..4b4ddd8e9 --- /dev/null +++ b/fakemui/icons/ContentPaste.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Content paste icon - paste from clipboard + */ +export const ContentPaste = (props: IconProps) => ( + + + + + + + + +) diff --git a/fakemui/icons/DragHandle.tsx b/fakemui/icons/DragHandle.tsx new file mode 100644 index 000000000..c7c4aaa88 --- /dev/null +++ b/fakemui/icons/DragHandle.tsx @@ -0,0 +1,12 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Drag handle icon - horizontal lines for draggable areas + */ +export const DragHandle = (props: IconProps) => ( + + + + +) diff --git a/fakemui/icons/DragIndicator.tsx b/fakemui/icons/DragIndicator.tsx new file mode 100644 index 000000000..cf847f861 --- /dev/null +++ b/fakemui/icons/DragIndicator.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Drag indicator icon - 6-dot drag handle for sortable items + */ +export const DragIndicator = (props: IconProps) => ( + + + + + + + + +) diff --git a/fakemui/icons/Notifications.tsx b/fakemui/icons/Notifications.tsx new file mode 100644 index 000000000..f6931f0f2 --- /dev/null +++ b/fakemui/icons/Notifications.tsx @@ -0,0 +1,13 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Notifications icon - bell with indicator dot + */ +export const Notifications = (props: IconProps) => ( + + + + + +) diff --git a/fakemui/icons/NotificationsOff.tsx b/fakemui/icons/NotificationsOff.tsx new file mode 100644 index 000000000..3f04967ba --- /dev/null +++ b/fakemui/icons/NotificationsOff.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Notifications off icon - muted bell with slash + */ +export const NotificationsOff = (props: IconProps) => ( + + + + + + + +) diff --git a/fakemui/icons/Print.tsx b/fakemui/icons/Print.tsx new file mode 100644 index 000000000..bfc8e87b4 --- /dev/null +++ b/fakemui/icons/Print.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Print icon - printer with paper + */ +export const Print = (props: IconProps) => ( + + + + + + + + +) diff --git a/fakemui/icons/Schedule.tsx b/fakemui/icons/Schedule.tsx new file mode 100644 index 000000000..d13ad852a --- /dev/null +++ b/fakemui/icons/Schedule.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Schedule icon - clock with appointment marks + */ +export const Schedule = (props: IconProps) => ( + + + + + + + + +) diff --git a/fakemui/icons/ThumbDown.tsx b/fakemui/icons/ThumbDown.tsx new file mode 100644 index 000000000..4f81d05a1 --- /dev/null +++ b/fakemui/icons/ThumbDown.tsx @@ -0,0 +1,12 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Thumb down icon - disapproval/dislike indicator + */ +export const ThumbDown = (props: IconProps) => ( + + + + +) diff --git a/fakemui/icons/ThumbUp.tsx b/fakemui/icons/ThumbUp.tsx new file mode 100644 index 000000000..531a9bdd8 --- /dev/null +++ b/fakemui/icons/ThumbUp.tsx @@ -0,0 +1,12 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Thumb up icon - approval/like indicator + */ +export const ThumbUp = (props: IconProps) => ( + + + + +) diff --git a/fakemui/icons/Tune.tsx b/fakemui/icons/Tune.tsx new file mode 100644 index 000000000..675ee9bca --- /dev/null +++ b/fakemui/icons/Tune.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import { Icon, IconProps } from './Icon' + +/** + * Tune icon - sliders for settings/filters + */ +export const Tune = (props: IconProps) => ( + + + + + + + + +) diff --git a/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx b/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx index 5298a6687..9bdcfe504 100644 --- a/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx +++ b/frontends/nextjs/src/components/molecules/overlay/Dialog.tsx @@ -105,7 +105,7 @@ const DialogContent = forwardRef( color: 'text.secondary', }} > - + )} {children} @@ -182,7 +182,7 @@ const DialogClose = forwardRef< } return ( - + ) })