PromucFlow_constructor/app/client/src/icons/HelpIcons.tsx
Valera Melnikov b7ec5dacd8
chore: rename old ADS package (#35517)
## Description
Rename package `design-system-old` to `@appsmith/ads-old`.

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!CAUTION]
> 🔴 🔴 🔴 Some tests have failed.
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10286195096>
> Commit: c0d478694b12f35b88687b6dae6f252967fba540
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10286195096&attempt=1&selectiontype=test&testsstatus=failed&specsstatus=fail"
target="_blank">Cypress dashboard</a>.
> Tags: @tag.All
> Spec: 
> The following are new failures, please fix them before merging the PR:
<ol>
>
<li>cypress/e2e/Regression/ClientSide/BugTests/DatasourceSchema_spec.ts</ol>
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/identified-flaky-tests-65890b3c81d7400d08fa9ee3?branch=master"
target="_blank">List of identified flaky tests</a>.
> <hr>Wed, 07 Aug 2024 15:26:02 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No
2024-08-08 15:55:00 +03:00

83 lines
2.1 KiB
TypeScript

import type { JSXElementConstructor } from "react";
import React from "react";
import type { IconProps } from "constants/IconConstants";
import { IconWrapper } from "constants/IconConstants";
import { Icon } from "@blueprintjs/core";
import { importRemixIcon, importSvg } from "@appsmith/ads-old";
const UpdatesIcon = importSvg(
async () => import("assets/icons/help/updates.svg"),
);
const GithubIcon = importRemixIcon(
async () => import("remixicon-react/GithubFillIcon"),
);
const DocumentIcon = importRemixIcon(
async () => import("remixicon-react/FileTextFillIcon"),
);
const HelpIcon = importRemixIcon(
async () => import("remixicon-react/QuestionMarkIcon"),
);
const DiscordIcon = importRemixIcon(
async () => import("remixicon-react/DiscordFillIcon"),
);
const OpenLinkIcon = importRemixIcon(
async () => import("remixicon-react/ShareBoxLineIcon"),
);
const FileCopyLineIcon = importRemixIcon(
async () => import("remixicon-react/FileCopyLineIcon"),
);
/* eslint-disable react/display-name */
export const HelpIcons: {
[id: string]: JSXElementConstructor<IconProps>;
} = {
OPEN_LINK: (props: IconProps) => (
<IconWrapper {...props}>
<OpenLinkIcon />
</IconWrapper>
),
DOCUMENT: (props: IconProps) => (
<IconWrapper {...props}>
<DocumentIcon />
</IconWrapper>
),
HELP_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<HelpIcon />
</IconWrapper>
),
CLOSE_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<Icon icon={"cross"} />
</IconWrapper>
),
GITHUB: (props: IconProps) => (
<IconWrapper {...props}>
<GithubIcon />
</IconWrapper>
),
CHAT: (props: IconProps) => (
<IconWrapper {...props}>
<Icon icon={"chat"} />
</IconWrapper>
),
DISCORD: (props: IconProps) => (
<IconWrapper {...props}>
<DiscordIcon />
</IconWrapper>
),
UPDATES: (props: IconProps) => (
<IconWrapper {...props}>
<UpdatesIcon />
</IconWrapper>
),
COPY_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<FileCopyLineIcon />
</IconWrapper>
),
};
export type HelpIconName = keyof typeof HelpIcons;