PromucFlow_constructor/app/client/src/icons/MenuIcons.tsx
2020-05-28 18:10:26 +00:00

57 lines
1.7 KiB
TypeScript

import React from "react";
import { IconProps, IconWrapper } from "constants/IconConstants";
import { ReactComponent as WidgetsIcon } from "assets/icons/menu/widgets.svg";
import { ReactComponent as ApisIcon } from "assets/icons/menu/api.svg";
import { ReactComponent as OrgIcon } from "assets/icons/menu/org.svg";
import { ReactComponent as PagesIcon } from "assets/icons/menu/pages.svg";
import { ReactComponent as DataSourcesIcon } from "assets/icons/menu/data-sources.svg";
import { ReactComponent as QueriesIcon } from "assets/icons/menu/queries.svg";
import { ReactComponent as HomepageIcon } from "assets/icons/menu/homepage.svg";
import { Icon } from "@blueprintjs/core";
/* eslint-disable react/display-name */
export const MenuIcons: {
[id: string]: Function;
} = {
WIDGETS_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<WidgetsIcon />
</IconWrapper>
),
APIS_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<ApisIcon />
</IconWrapper>
),
ORG_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<OrgIcon />
</IconWrapper>
),
PAGES_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<PagesIcon />
</IconWrapper>
),
DATASOURCES_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<DataSourcesIcon />
</IconWrapper>
),
QUERIES_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<QueriesIcon />
</IconWrapper>
),
HOMEPAGE_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<HomepageIcon />
</IconWrapper>
),
DOCS_ICON: (props: IconProps) => (
<IconWrapper {...props}>
<Icon icon="help"></Icon>
</IconWrapper>
),
};