Add 4 additional collection icons, closes #2482
This commit is contained in:
parent
22ba4d0f48
commit
cc9468e2c5
|
@ -1,5 +1,6 @@
|
||||||
// @flow
|
// @flow
|
||||||
import {
|
import {
|
||||||
|
BookmarkedIcon,
|
||||||
CollectionIcon,
|
CollectionIcon,
|
||||||
CoinsIcon,
|
CoinsIcon,
|
||||||
AcademicCapIcon,
|
AcademicCapIcon,
|
||||||
|
@ -8,9 +9,12 @@ import {
|
||||||
CloudIcon,
|
CloudIcon,
|
||||||
CodeIcon,
|
CodeIcon,
|
||||||
EditIcon,
|
EditIcon,
|
||||||
|
EmailIcon,
|
||||||
EyeIcon,
|
EyeIcon,
|
||||||
|
ImageIcon,
|
||||||
LeafIcon,
|
LeafIcon,
|
||||||
LightBulbIcon,
|
LightBulbIcon,
|
||||||
|
MathIcon,
|
||||||
MoonIcon,
|
MoonIcon,
|
||||||
NotepadIcon,
|
NotepadIcon,
|
||||||
PadlockIcon,
|
PadlockIcon,
|
||||||
|
@ -18,6 +22,7 @@ import {
|
||||||
QuestionMarkIcon,
|
QuestionMarkIcon,
|
||||||
SunIcon,
|
SunIcon,
|
||||||
VehicleIcon,
|
VehicleIcon,
|
||||||
|
WarningIcon,
|
||||||
} from "outline-icons";
|
} from "outline-icons";
|
||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
|
@ -39,6 +44,10 @@ const TwitterPicker = React.lazy(() =>
|
||||||
);
|
);
|
||||||
|
|
||||||
export const icons = {
|
export const icons = {
|
||||||
|
bookmark: {
|
||||||
|
component: BookmarkedIcon,
|
||||||
|
keywords: "bookmark",
|
||||||
|
},
|
||||||
collection: {
|
collection: {
|
||||||
component: CollectionIcon,
|
component: CollectionIcon,
|
||||||
keywords: "collection",
|
keywords: "collection",
|
||||||
|
@ -67,10 +76,18 @@ export const icons = {
|
||||||
component: CodeIcon,
|
component: CodeIcon,
|
||||||
keywords: "developer api code development engineering programming",
|
keywords: "developer api code development engineering programming",
|
||||||
},
|
},
|
||||||
|
email: {
|
||||||
|
component: EmailIcon,
|
||||||
|
keywords: "email at",
|
||||||
|
},
|
||||||
eye: {
|
eye: {
|
||||||
component: EyeIcon,
|
component: EyeIcon,
|
||||||
keywords: "eye view",
|
keywords: "eye view",
|
||||||
},
|
},
|
||||||
|
image: {
|
||||||
|
component: ImageIcon,
|
||||||
|
keywords: "image photo picture",
|
||||||
|
},
|
||||||
leaf: {
|
leaf: {
|
||||||
component: LeafIcon,
|
component: LeafIcon,
|
||||||
keywords: "leaf plant outdoors nature ecosystem climate",
|
keywords: "leaf plant outdoors nature ecosystem climate",
|
||||||
|
@ -79,6 +96,10 @@ export const icons = {
|
||||||
component: LightBulbIcon,
|
component: LightBulbIcon,
|
||||||
keywords: "lightbulb idea",
|
keywords: "lightbulb idea",
|
||||||
},
|
},
|
||||||
|
math: {
|
||||||
|
component: MathIcon,
|
||||||
|
keywords: "math formula",
|
||||||
|
},
|
||||||
moon: {
|
moon: {
|
||||||
component: MoonIcon,
|
component: MoonIcon,
|
||||||
keywords: "night moon dark",
|
keywords: "night moon dark",
|
||||||
|
@ -111,6 +132,10 @@ export const icons = {
|
||||||
component: VehicleIcon,
|
component: VehicleIcon,
|
||||||
keywords: "truck car travel transport",
|
keywords: "truck car travel transport",
|
||||||
},
|
},
|
||||||
|
warning: {
|
||||||
|
component: WarningIcon,
|
||||||
|
keywords: "danger",
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const colors = [
|
const colors = [
|
||||||
|
@ -192,7 +217,7 @@ const Label = styled.label`
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Icons = styled.div`
|
const Icons = styled.div`
|
||||||
padding: 15px 9px 9px 15px;
|
padding: 16px 8px 0 16px;
|
||||||
width: 276px;
|
width: 276px;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
Reference in New Issue