From e4eb4e729dd72af936f443c2cd21f4ceb85277d1 Mon Sep 17 00:00:00 2001 From: vadim Date: Tue, 4 Mar 2025 13:42:35 +0100 Subject: [PATCH] chore: Added empty state illustration to custom icons set in icons package (#39550) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Description Added asset to the package ## Automation /ok-to-test tags="@tag.Sanity" ### :mag: Cypress test results > [!IMPORTANT] > 🟣 🟣 🟣 Your tests are running. > Tests running at: > Commit: 58f39a77a7cdede5c73d6c4435235b6bdc8c1396 > Workflow: `PR Automation test suite` > Tags: `@tag.Sanity` > Spec: `` >
Tue, 04 Mar 2025 12:04:07 UTC ## Communication Should the DevRel and Marketing teams inform users about this change? - [ ] Yes - [x] No ## Summary by CodeRabbit - **New Features** - Introduced a new customizable empty state SVG icon that adds visual variety to the icons library. - **Documentation** - Updated the icon showcase to include the new icon, enhancing user reference and demonstration. --- .../CustomIcons/EmptyStateIllustrationCustomIcon.tsx | 4 ++++ .../icons/src/icons/CustomIcons/EmptyStateIllustration.svg | 1 + app/client/packages/icons/src/index.ts | 1 + app/client/packages/icons/src/stories/CustomIcons.mdx | 2 ++ 4 files changed, 8 insertions(+) create mode 100644 app/client/packages/icons/src/components/CustomIcons/EmptyStateIllustrationCustomIcon.tsx create mode 100644 app/client/packages/icons/src/icons/CustomIcons/EmptyStateIllustration.svg diff --git a/app/client/packages/icons/src/components/CustomIcons/EmptyStateIllustrationCustomIcon.tsx b/app/client/packages/icons/src/components/CustomIcons/EmptyStateIllustrationCustomIcon.tsx new file mode 100644 index 0000000000..13628af52a --- /dev/null +++ b/app/client/packages/icons/src/components/CustomIcons/EmptyStateIllustrationCustomIcon.tsx @@ -0,0 +1,4 @@ +import * as React from "react"; +import type { SVGProps } from "react"; +const EmptyStateIllustrationCustomIcon = (props: SVGProps) => ; +export { EmptyStateIllustrationCustomIcon }; \ No newline at end of file diff --git a/app/client/packages/icons/src/icons/CustomIcons/EmptyStateIllustration.svg b/app/client/packages/icons/src/icons/CustomIcons/EmptyStateIllustration.svg new file mode 100644 index 0000000000..6159ec7948 --- /dev/null +++ b/app/client/packages/icons/src/icons/CustomIcons/EmptyStateIllustration.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/client/packages/icons/src/index.ts b/app/client/packages/icons/src/index.ts index 33bcc103db..601ca261d8 100644 --- a/app/client/packages/icons/src/index.ts +++ b/app/client/packages/icons/src/index.ts @@ -29,6 +29,7 @@ export { TableThumbnail } from "./components/Thumbnails/TableThumbnail"; export { ToolbarButtonsThumbnail } from "./components/Thumbnails/ToolbarButtonsThumbnail"; export { ZoneThumbnail } from "./components/Thumbnails/ZoneThumbnail"; export { AIAvatarCustomIcon } from "./components/CustomIcons/AIAvatarCustomIcon"; +export { EmptyStateIllustrationCustomIcon } from "./components/CustomIcons/EmptyStateIllustrationCustomIcon"; export { AIChatIcon } from "./components/Icons/AIChatIcon"; export { AudioIcon } from "./components/Icons/AudioIcon"; export { ButtonIcon } from "./components/Icons/ButtonIcon"; diff --git a/app/client/packages/icons/src/stories/CustomIcons.mdx b/app/client/packages/icons/src/stories/CustomIcons.mdx index ac38a04a29..8d72abbe1b 100644 --- a/app/client/packages/icons/src/stories/CustomIcons.mdx +++ b/app/client/packages/icons/src/stories/CustomIcons.mdx @@ -1,6 +1,7 @@ import { Meta } from "@storybook/addon-docs"; import { Flex } from "@appsmith/wds"; import { AIAvatarCustomIcon } from "../components/CustomIcons/AIAvatarCustomIcon"; +import { EmptyStateIllustrationCustomIcon } from "../components/CustomIcons/EmptyStateIllustrationCustomIcon"; @@ -12,6 +13,7 @@ export const Icons = () => { return ( + ); };