From ac4bb1c1b471fab79d4ee65b33320f7e8488add8 Mon Sep 17 00:00:00 2001 From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com> Date: Mon, 29 Apr 2024 00:51:31 +0530 Subject: [PATCH] refactor: remove unused icon files (#4297) * refactor: remove unused icon files * refactor: attachment icons folder structure --- packages/ui/src/avatar/avatar-group.tsx | 13 +- packages/ui/src/avatar/avatar.tsx | 19 +- packages/ui/src/badge/badge.tsx | 5 +- packages/ui/src/button/toggle-switch.tsx | 35 ++-- packages/ui/src/form-fields/checkbox.tsx | 37 ++-- .../ui/src/form-fields/input-color-picker.tsx | 4 +- packages/ui/src/form-fields/input.tsx | 19 +- packages/ui/src/icons/admin-profile-icon.tsx | 26 --- packages/ui/src/icons/copy-icon.tsx | 25 --- packages/ui/src/icons/external-link-icon.tsx | 22 --- packages/ui/src/icons/index.ts | 41 ++--- packages/ui/src/icons/running-icon.tsx | 9 - packages/ui/src/icons/subscribe-icon.tsx | 30 --- packages/ui/src/loader.tsx | 4 +- packages/ui/src/spinners/circular-spinner.tsx | 4 +- packages/ui/src/tooltip/tooltip.tsx | 14 +- web/components/core/sidebar/links-list.tsx | 172 +++++++++--------- web/components/icons/alarm-clock-icon.tsx | 23 --- web/components/icons/archive-icon.tsx | 19 -- web/components/icons/arrow-right.tsx | 24 --- .../icons/assignment-clipboard-icon.tsx | 24 --- .../{ => attachment}/attachment-icon.tsx | 2 +- .../{ => attachment}/audio-file-icon.tsx | 0 .../icons/{ => attachment}/css-file-icon.tsx | 2 +- .../icons/{ => attachment}/csv-file-icon.tsx | 2 +- .../{ => attachment}/default-file-icon.tsx | 2 +- .../icons/{ => attachment}/doc-file-icon.tsx | 2 +- .../icons/{ => attachment}/document-icon.tsx | 2 +- .../{ => attachment}/figma-file-icon.tsx | 2 +- .../icons/{ => attachment}/html-file-icon.tsx | 2 +- .../icons/{ => attachment}/img-file-icon.tsx | 2 +- web/components/icons/attachment/index.ts | 20 ++ .../icons/{ => attachment}/jpg-file-icon.tsx | 2 +- .../icons/{ => attachment}/js-file-icon.tsx | 2 +- .../icons/{ => attachment}/pdf-file-icon.tsx | 2 +- .../icons/{ => attachment}/png-file-icon.tsx | 2 +- .../icons/{ => attachment}/setting-icon.tsx | 2 +- .../{ => attachment}/sheet-file-icon.tsx | 2 +- .../icons/{ => attachment}/svg-file-icon.tsx | 2 +- .../icons/{ => attachment}/tune-icon.tsx | 2 +- .../icons/{ => attachment}/txt-file-icon.tsx | 2 +- .../{ => attachment}/video-file-icon.tsx | 2 +- web/components/icons/bell-icon.tsx | 24 --- web/components/icons/blocked-icon.tsx | 25 --- web/components/icons/blocker-icon.tsx | 25 --- web/components/icons/bolt-icon.tsx | 16 -- web/components/icons/calendar-after-icon.tsx | 26 --- web/components/icons/calendar-before-icon.tsx | 37 ---- web/components/icons/calendar-month-icon.tsx | 19 -- web/components/icons/cancel-icon.tsx | 16 -- web/components/icons/check.tsx | 24 --- web/components/icons/clipboard-icon.tsx | 19 -- web/components/icons/clock-icon.tsx | 19 -- web/components/icons/cloud-upload.tsx | 24 --- web/components/icons/cmd-icon.tsx | 12 -- web/components/icons/cog.tsx | 24 --- web/components/icons/color-pallette-icon.tsx | 24 --- web/components/icons/color-picker-icon.tsx | 16 -- web/components/icons/command-icon.tsx | 22 --- web/components/icons/comment-icon.tsx | 16 -- web/components/icons/completed-cycle-icon.tsx | 12 -- web/components/icons/contrast-icon.tsx | 25 --- web/components/icons/current-cycle-icon.tsx | 12 -- web/components/icons/cycle-icon.tsx | 34 ---- web/components/icons/discord-icon.tsx | 26 --- web/components/icons/edit-icon.tsx | 19 -- .../icons/ellipsis-horizontal-icon.tsx | 19 -- web/components/icons/exclamation-icon.tsx | 16 -- web/components/icons/external-link-icon.tsx | 33 ---- web/components/icons/github-icon.tsx | 28 --- web/components/icons/grid-view-icons.tsx | 24 --- web/components/icons/heartbeat-icon.tsx | 27 --- web/components/icons/import-layers.tsx | 26 --- web/components/icons/inbox-icon.tsx | 24 --- web/components/icons/index.ts | 88 +-------- web/components/icons/layer-diagonal-icon.tsx | 26 --- web/components/icons/lock-icon.tsx | 16 -- web/components/icons/menu-icon.tsx | 19 -- web/components/icons/module-icon.tsx | 54 ------ web/components/icons/module/backlog.tsx | 57 ------ web/components/icons/module/cancelled.tsx | 31 ---- web/components/icons/module/completed.tsx | 24 --- web/components/icons/module/in-progress.tsx | 64 ------- web/components/icons/module/index.ts | 7 - .../icons/module/module-status-icon.tsx | 28 --- web/components/icons/module/paused.tsx | 31 ---- web/components/icons/module/planned.tsx | 24 --- web/components/icons/pencil-scribble-icon.tsx | 12 -- web/components/icons/people-group-icon.tsx | 24 --- web/components/icons/person-running-icon.tsx | 19 -- web/components/icons/plus-icon.tsx | 19 -- web/components/icons/priority-icon.tsx | 25 --- .../icons/question-mark-circle-icon.tsx | 16 -- web/components/icons/related-icon.tsx | 41 ----- web/components/icons/signal-cellular-icon.tsx | 19 -- web/components/icons/single-comment-icon.tsx | 19 -- web/components/icons/sort-icon.tsx | 19 -- .../icons/stacked-layers-horizontal-icon.tsx | 24 --- web/components/icons/stacked-layers-icon.tsx | 24 --- web/components/icons/state/backlog.tsx | 42 ----- web/components/icons/state/cancelled.tsx | 34 ---- web/components/icons/state/completed.tsx | 27 --- web/components/icons/state/index.ts | 6 - web/components/icons/state/started.tsx | 46 ----- .../icons/state/state-group-icon.tsx | 74 -------- web/components/icons/state/unstarted.tsx | 24 --- web/components/icons/tag-icon.tsx | 19 -- web/components/icons/target-icon.tsx | 26 --- web/components/icons/tick-mark-icon.tsx | 24 --- web/components/icons/transfer-icon.tsx | 19 -- .../icons/triangle-exclamation-icon.tsx | 16 -- web/components/icons/upcoming-cycle-icon.tsx | 12 -- web/components/icons/user-group-icon.tsx | 19 -- web/components/icons/user-icon-circle.tsx | 16 -- web/components/icons/user-icon.tsx | 19 -- web/components/icons/users.tsx | 24 --- web/components/icons/view-list-icon.tsx | 24 --- web/components/icons/water-drop-icon.tsx | 24 --- web/components/icons/x-mark-icon.tsx | 19 -- .../issues/attachment/attachment-detail.tsx | 2 +- .../issues/issue-detail/links/link-detail.tsx | 6 +- web/constants/project.ts | 2 +- web/constants/workspace.ts | 2 +- 123 files changed, 245 insertions(+), 2351 deletions(-) delete mode 100644 packages/ui/src/icons/admin-profile-icon.tsx delete mode 100644 packages/ui/src/icons/copy-icon.tsx delete mode 100644 packages/ui/src/icons/external-link-icon.tsx delete mode 100644 packages/ui/src/icons/running-icon.tsx delete mode 100644 packages/ui/src/icons/subscribe-icon.tsx delete mode 100644 web/components/icons/alarm-clock-icon.tsx delete mode 100644 web/components/icons/archive-icon.tsx delete mode 100644 web/components/icons/arrow-right.tsx delete mode 100644 web/components/icons/assignment-clipboard-icon.tsx rename web/components/icons/{ => attachment}/attachment-icon.tsx (97%) rename web/components/icons/{ => attachment}/audio-file-icon.tsx (100%) rename web/components/icons/{ => attachment}/css-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/csv-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/default-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/doc-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/document-icon.tsx (98%) rename web/components/icons/{ => attachment}/figma-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/html-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/img-file-icon.tsx (86%) create mode 100644 web/components/icons/attachment/index.ts rename web/components/icons/{ => attachment}/jpg-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/js-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/pdf-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/png-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/setting-icon.tsx (98%) rename web/components/icons/{ => attachment}/sheet-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/svg-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/tune-icon.tsx (98%) rename web/components/icons/{ => attachment}/txt-file-icon.tsx (86%) rename web/components/icons/{ => attachment}/video-file-icon.tsx (86%) delete mode 100644 web/components/icons/bell-icon.tsx delete mode 100644 web/components/icons/blocked-icon.tsx delete mode 100644 web/components/icons/blocker-icon.tsx delete mode 100644 web/components/icons/bolt-icon.tsx delete mode 100644 web/components/icons/calendar-after-icon.tsx delete mode 100644 web/components/icons/calendar-before-icon.tsx delete mode 100644 web/components/icons/calendar-month-icon.tsx delete mode 100644 web/components/icons/cancel-icon.tsx delete mode 100644 web/components/icons/check.tsx delete mode 100644 web/components/icons/clipboard-icon.tsx delete mode 100644 web/components/icons/clock-icon.tsx delete mode 100644 web/components/icons/cloud-upload.tsx delete mode 100644 web/components/icons/cmd-icon.tsx delete mode 100644 web/components/icons/cog.tsx delete mode 100644 web/components/icons/color-pallette-icon.tsx delete mode 100644 web/components/icons/color-picker-icon.tsx delete mode 100644 web/components/icons/command-icon.tsx delete mode 100644 web/components/icons/comment-icon.tsx delete mode 100644 web/components/icons/completed-cycle-icon.tsx delete mode 100644 web/components/icons/contrast-icon.tsx delete mode 100644 web/components/icons/current-cycle-icon.tsx delete mode 100644 web/components/icons/cycle-icon.tsx delete mode 100644 web/components/icons/discord-icon.tsx delete mode 100644 web/components/icons/edit-icon.tsx delete mode 100644 web/components/icons/ellipsis-horizontal-icon.tsx delete mode 100644 web/components/icons/exclamation-icon.tsx delete mode 100644 web/components/icons/external-link-icon.tsx delete mode 100644 web/components/icons/github-icon.tsx delete mode 100644 web/components/icons/grid-view-icons.tsx delete mode 100644 web/components/icons/heartbeat-icon.tsx delete mode 100644 web/components/icons/import-layers.tsx delete mode 100644 web/components/icons/inbox-icon.tsx delete mode 100644 web/components/icons/layer-diagonal-icon.tsx delete mode 100644 web/components/icons/lock-icon.tsx delete mode 100644 web/components/icons/menu-icon.tsx delete mode 100644 web/components/icons/module-icon.tsx delete mode 100644 web/components/icons/module/backlog.tsx delete mode 100644 web/components/icons/module/cancelled.tsx delete mode 100644 web/components/icons/module/completed.tsx delete mode 100644 web/components/icons/module/in-progress.tsx delete mode 100644 web/components/icons/module/index.ts delete mode 100644 web/components/icons/module/module-status-icon.tsx delete mode 100644 web/components/icons/module/paused.tsx delete mode 100644 web/components/icons/module/planned.tsx delete mode 100644 web/components/icons/pencil-scribble-icon.tsx delete mode 100644 web/components/icons/people-group-icon.tsx delete mode 100644 web/components/icons/person-running-icon.tsx delete mode 100644 web/components/icons/plus-icon.tsx delete mode 100644 web/components/icons/priority-icon.tsx delete mode 100644 web/components/icons/question-mark-circle-icon.tsx delete mode 100644 web/components/icons/related-icon.tsx delete mode 100644 web/components/icons/signal-cellular-icon.tsx delete mode 100644 web/components/icons/single-comment-icon.tsx delete mode 100644 web/components/icons/sort-icon.tsx delete mode 100644 web/components/icons/stacked-layers-horizontal-icon.tsx delete mode 100644 web/components/icons/stacked-layers-icon.tsx delete mode 100644 web/components/icons/state/backlog.tsx delete mode 100644 web/components/icons/state/cancelled.tsx delete mode 100644 web/components/icons/state/completed.tsx delete mode 100644 web/components/icons/state/index.ts delete mode 100644 web/components/icons/state/started.tsx delete mode 100644 web/components/icons/state/state-group-icon.tsx delete mode 100644 web/components/icons/state/unstarted.tsx delete mode 100644 web/components/icons/tag-icon.tsx delete mode 100644 web/components/icons/target-icon.tsx delete mode 100644 web/components/icons/tick-mark-icon.tsx delete mode 100644 web/components/icons/transfer-icon.tsx delete mode 100644 web/components/icons/triangle-exclamation-icon.tsx delete mode 100644 web/components/icons/upcoming-cycle-icon.tsx delete mode 100644 web/components/icons/user-group-icon.tsx delete mode 100644 web/components/icons/user-icon-circle.tsx delete mode 100644 web/components/icons/user-icon.tsx delete mode 100644 web/components/icons/users.tsx delete mode 100644 web/components/icons/view-list-icon.tsx delete mode 100644 web/components/icons/water-drop-icon.tsx delete mode 100644 web/components/icons/x-mark-icon.tsx diff --git a/packages/ui/src/avatar/avatar-group.tsx b/packages/ui/src/avatar/avatar-group.tsx index 60fdc917d..501f69490 100644 --- a/packages/ui/src/avatar/avatar-group.tsx +++ b/packages/ui/src/avatar/avatar-group.tsx @@ -1,6 +1,8 @@ import React from "react"; // ui import { Tooltip } from "../tooltip"; +// helpers +import { cn } from "../../helpers"; // types import { TAvatarSize, getSizeInfo, isAValidNumber } from "./avatar"; @@ -55,7 +57,7 @@ export const AvatarGroup: React.FC = (props) => { const sizeInfo = getSizeInfo(size); return ( -
+
{avatarsWithUpdatedProps.map((avatar, index) => (
{avatar} @@ -64,9 +66,12 @@ export const AvatarGroup: React.FC = (props) => { {maxAvatarsToRender < totalAvatars && (
= (props) => { return (
= (props) => { tabIndex={-1} > {src ? ( - {name} + {name} ) : (
{ variant?: TBadgeVariant; @@ -31,7 +32,7 @@ const Badge = React.forwardRef((props, ref) => { const buttonIconStyle = getIconStyling(size); return ( - - - - - + + copyToClipboard(link.title && link.title !== "" ? link.title : link.url)} + > + {link.title && link.title !== "" ? link.title : link.url} + +
- )} -
-
-

- Added {calculateTimeAgo(link.created_at)} -
- {createdByDetails && ( - <> - by{" "} - {createdByDetails?.is_bot ? createdByDetails?.first_name + " Bot" : createdByDetails?.display_name} - + + {!isNotAllowed && ( +

+ + + + + +
)} -

+
+
+

+ Added {calculateTimeAgo(link.created_at)} +
+ {createdByDetails && ( + <> + by{" "} + {createdByDetails?.is_bot + ? createdByDetails?.first_name + " Bot" + : createdByDetails?.display_name} + + )} +

+
-
- ); - })} - - ); -}); + ); + })} + + ); + } +); diff --git a/web/components/icons/alarm-clock-icon.tsx b/web/components/icons/alarm-clock-icon.tsx deleted file mode 100644 index 2f0044fcd..000000000 --- a/web/components/icons/alarm-clock-icon.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import type { Props } from "./types"; - -export const AlarmClockIcon: React.FC = ({ - width = "24", - height = "24", - // eslint-disable-next-line @typescript-eslint/no-unused-vars - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/archive-icon.tsx b/web/components/icons/archive-icon.tsx deleted file mode 100644 index 6c9c791fb..000000000 --- a/web/components/icons/archive-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ArchiveIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - -); diff --git a/web/components/icons/arrow-right.tsx b/web/components/icons/arrow-right.tsx deleted file mode 100644 index df8d8d86c..000000000 --- a/web/components/icons/arrow-right.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ArrowRightIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/assignment-clipboard-icon.tsx b/web/components/icons/assignment-clipboard-icon.tsx deleted file mode 100644 index 777397981..000000000 --- a/web/components/icons/assignment-clipboard-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const AssignmentClipboardIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/attachment-icon.tsx b/web/components/icons/attachment/attachment-icon.tsx similarity index 97% rename from web/components/icons/attachment-icon.tsx rename to web/components/icons/attachment/attachment-icon.tsx index 617a73dbf..f0db80e44 100644 --- a/web/components/icons/attachment-icon.tsx +++ b/web/components/icons/attachment/attachment-icon.tsx @@ -14,7 +14,7 @@ import { SvgIcon, TxtIcon, VideoIcon, -} from "@/components/icons"; +} from "@/components/icons/attachment"; export const getFileIcon = (fileType: string) => { switch (fileType) { diff --git a/web/components/icons/audio-file-icon.tsx b/web/components/icons/attachment/audio-file-icon.tsx similarity index 100% rename from web/components/icons/audio-file-icon.tsx rename to web/components/icons/attachment/audio-file-icon.tsx diff --git a/web/components/icons/css-file-icon.tsx b/web/components/icons/attachment/css-file-icon.tsx similarity index 86% rename from web/components/icons/css-file-icon.tsx rename to web/components/icons/attachment/css-file-icon.tsx index 1e89b278f..cb8f221f1 100644 --- a/web/components/icons/css-file-icon.tsx +++ b/web/components/icons/attachment/css-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import CssFileIcon from "public/attachment/css-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const CssIcon: React.FC = ({ width, height }) => ( CssFileIcon diff --git a/web/components/icons/csv-file-icon.tsx b/web/components/icons/attachment/csv-file-icon.tsx similarity index 86% rename from web/components/icons/csv-file-icon.tsx rename to web/components/icons/attachment/csv-file-icon.tsx index 4158bc730..1c25214de 100644 --- a/web/components/icons/csv-file-icon.tsx +++ b/web/components/icons/attachment/csv-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import CSVFileIcon from "public/attachment/csv-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const CsvIcon: React.FC = ({ width, height }) => ( CSVFileIcon diff --git a/web/components/icons/default-file-icon.tsx b/web/components/icons/attachment/default-file-icon.tsx similarity index 86% rename from web/components/icons/default-file-icon.tsx rename to web/components/icons/attachment/default-file-icon.tsx index 6662dd8aa..5fafb4a60 100644 --- a/web/components/icons/default-file-icon.tsx +++ b/web/components/icons/attachment/default-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import DefaultFileIcon from "public/attachment/default-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const DefaultIcon: React.FC = ({ width, height }) => ( DefaultFileIcon diff --git a/web/components/icons/doc-file-icon.tsx b/web/components/icons/attachment/doc-file-icon.tsx similarity index 86% rename from web/components/icons/doc-file-icon.tsx rename to web/components/icons/attachment/doc-file-icon.tsx index fd8a7320d..84fe0bfda 100644 --- a/web/components/icons/doc-file-icon.tsx +++ b/web/components/icons/attachment/doc-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import DocFileIcon from "public/attachment/doc-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const DocIcon: React.FC = ({ width, height }) => ( DocFileIcon diff --git a/web/components/icons/document-icon.tsx b/web/components/icons/attachment/document-icon.tsx similarity index 98% rename from web/components/icons/document-icon.tsx rename to web/components/icons/attachment/document-icon.tsx index 8b62a5972..73cd3418d 100644 --- a/web/components/icons/document-icon.tsx +++ b/web/components/icons/attachment/document-icon.tsx @@ -1,6 +1,6 @@ import React from "react"; -import type { Props } from "./types"; +import type { Props } from "../types"; export const DocumentIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( = ({ width, height }) => ( diff --git a/web/components/icons/html-file-icon.tsx b/web/components/icons/attachment/html-file-icon.tsx similarity index 86% rename from web/components/icons/html-file-icon.tsx rename to web/components/icons/attachment/html-file-icon.tsx index bf07271f0..59b38edd7 100644 --- a/web/components/icons/html-file-icon.tsx +++ b/web/components/icons/attachment/html-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import HtmlFileIcon from "public/attachment/html-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const HtmlIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/img-file-icon.tsx b/web/components/icons/attachment/img-file-icon.tsx similarity index 86% rename from web/components/icons/img-file-icon.tsx rename to web/components/icons/attachment/img-file-icon.tsx index 48106db81..bf7164be1 100644 --- a/web/components/icons/img-file-icon.tsx +++ b/web/components/icons/attachment/img-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import ImgFileIcon from "public/attachment/img-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const ImgIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/attachment/index.ts b/web/components/icons/attachment/index.ts new file mode 100644 index 000000000..f7f1e6ed3 --- /dev/null +++ b/web/components/icons/attachment/index.ts @@ -0,0 +1,20 @@ +export * from "./attachment-icon"; +export * from "./audio-file-icon"; +export * from "./css-file-icon"; +export * from "./csv-file-icon"; +export * from "./default-file-icon"; +export * from "./doc-file-icon"; +export * from "./document-icon"; +export * from "./figma-file-icon"; +export * from "./html-file-icon"; +export * from "./img-file-icon"; +export * from "./jpg-file-icon"; +export * from "./js-file-icon"; +export * from "./pdf-file-icon"; +export * from "./png-file-icon"; +export * from "./setting-icon"; +export * from "./sheet-file-icon"; +export * from "./svg-file-icon"; +export * from "./tune-icon"; +export * from "./txt-file-icon"; +export * from "./video-file-icon"; diff --git a/web/components/icons/jpg-file-icon.tsx b/web/components/icons/attachment/jpg-file-icon.tsx similarity index 86% rename from web/components/icons/jpg-file-icon.tsx rename to web/components/icons/attachment/jpg-file-icon.tsx index 81a08f102..0146b04e9 100644 --- a/web/components/icons/jpg-file-icon.tsx +++ b/web/components/icons/attachment/jpg-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import JpgFileIcon from "public/attachment/jpg-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const JpgIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/js-file-icon.tsx b/web/components/icons/attachment/js-file-icon.tsx similarity index 86% rename from web/components/icons/js-file-icon.tsx rename to web/components/icons/attachment/js-file-icon.tsx index 4e8b3d1d4..15c786487 100644 --- a/web/components/icons/js-file-icon.tsx +++ b/web/components/icons/attachment/js-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import JsFileIcon from "public/attachment/js-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const JavaScriptIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/pdf-file-icon.tsx b/web/components/icons/attachment/pdf-file-icon.tsx similarity index 86% rename from web/components/icons/pdf-file-icon.tsx rename to web/components/icons/attachment/pdf-file-icon.tsx index 92efe92d3..bb45bf479 100644 --- a/web/components/icons/pdf-file-icon.tsx +++ b/web/components/icons/attachment/pdf-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import PDFFileIcon from "public/attachment/pdf-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const PdfIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/png-file-icon.tsx b/web/components/icons/attachment/png-file-icon.tsx similarity index 86% rename from web/components/icons/png-file-icon.tsx rename to web/components/icons/attachment/png-file-icon.tsx index af9df9964..7d0e47166 100644 --- a/web/components/icons/png-file-icon.tsx +++ b/web/components/icons/attachment/png-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import PngFileIcon from "public/attachment/png-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const PngIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/setting-icon.tsx b/web/components/icons/attachment/setting-icon.tsx similarity index 98% rename from web/components/icons/setting-icon.tsx rename to web/components/icons/attachment/setting-icon.tsx index bf0dfa2c3..66606c673 100644 --- a/web/components/icons/setting-icon.tsx +++ b/web/components/icons/attachment/setting-icon.tsx @@ -1,6 +1,6 @@ import React from "react"; -import type { Props } from "./types"; +import type { Props } from "../types"; export const SettingIcon: React.FC = ({ width = "24", diff --git a/web/components/icons/sheet-file-icon.tsx b/web/components/icons/attachment/sheet-file-icon.tsx similarity index 86% rename from web/components/icons/sheet-file-icon.tsx rename to web/components/icons/attachment/sheet-file-icon.tsx index 597b989a1..0f16ecdef 100644 --- a/web/components/icons/sheet-file-icon.tsx +++ b/web/components/icons/attachment/sheet-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import SheetFileIcon from "public/attachment/excel-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const SheetIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/svg-file-icon.tsx b/web/components/icons/attachment/svg-file-icon.tsx similarity index 86% rename from web/components/icons/svg-file-icon.tsx rename to web/components/icons/attachment/svg-file-icon.tsx index a7ba7bd4f..ad205db9a 100644 --- a/web/components/icons/svg-file-icon.tsx +++ b/web/components/icons/attachment/svg-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import SvgFileIcon from "public/attachment/svg-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const SvgIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/tune-icon.tsx b/web/components/icons/attachment/tune-icon.tsx similarity index 98% rename from web/components/icons/tune-icon.tsx rename to web/components/icons/attachment/tune-icon.tsx index baa2dcd72..f7711b4d9 100644 --- a/web/components/icons/tune-icon.tsx +++ b/web/components/icons/attachment/tune-icon.tsx @@ -1,6 +1,6 @@ import React from "react"; -import type { Props } from "./types"; +import type { Props } from "../types"; export const TuneIcon: React.FC = ({ width = "24", height = "24", className }) => ( = ({ width, height }) => ( diff --git a/web/components/icons/video-file-icon.tsx b/web/components/icons/attachment/video-file-icon.tsx similarity index 86% rename from web/components/icons/video-file-icon.tsx rename to web/components/icons/attachment/video-file-icon.tsx index ec00e727a..4d4b7ebbf 100644 --- a/web/components/icons/video-file-icon.tsx +++ b/web/components/icons/attachment/video-file-icon.tsx @@ -3,7 +3,7 @@ import Image from "next/image"; // image import VideoFileIcon from "public/attachment/video-icon.png"; // type -import type { ImageIconPros } from "./types"; +import type { ImageIconPros } from "../types"; export const VideoIcon: React.FC = ({ width, height }) => ( diff --git a/web/components/icons/bell-icon.tsx b/web/components/icons/bell-icon.tsx deleted file mode 100644 index 4aafb702e..000000000 --- a/web/components/icons/bell-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const BellNotificationIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/blocked-icon.tsx b/web/components/icons/blocked-icon.tsx deleted file mode 100644 index b712f7698..000000000 --- a/web/components/icons/blocked-icon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const BlockedIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - - -); diff --git a/web/components/icons/blocker-icon.tsx b/web/components/icons/blocker-icon.tsx deleted file mode 100644 index b92fadaea..000000000 --- a/web/components/icons/blocker-icon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const BlockerIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - - -); diff --git a/web/components/icons/bolt-icon.tsx b/web/components/icons/bolt-icon.tsx deleted file mode 100644 index 477d4e04e..000000000 --- a/web/components/icons/bolt-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const BoltIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/calendar-after-icon.tsx b/web/components/icons/calendar-after-icon.tsx deleted file mode 100644 index 5acfbb083..000000000 --- a/web/components/icons/calendar-after-icon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CalendarAfterIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - - - - - - - - -); diff --git a/web/components/icons/calendar-before-icon.tsx b/web/components/icons/calendar-before-icon.tsx deleted file mode 100644 index abcbfb3e9..000000000 --- a/web/components/icons/calendar-before-icon.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CalendarBeforeIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - - - - - - - - - - - - - - -); diff --git a/web/components/icons/calendar-month-icon.tsx b/web/components/icons/calendar-month-icon.tsx deleted file mode 100644 index cf541d4dc..000000000 --- a/web/components/icons/calendar-month-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CalendarMonthIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/cancel-icon.tsx b/web/components/icons/cancel-icon.tsx deleted file mode 100644 index a57425de1..000000000 --- a/web/components/icons/cancel-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CancelIcon: React.FC = ({ width, height, className }) => ( - - - -); diff --git a/web/components/icons/check.tsx b/web/components/icons/check.tsx deleted file mode 100644 index e62e4e46a..000000000 --- a/web/components/icons/check.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CheckIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/clipboard-icon.tsx b/web/components/icons/clipboard-icon.tsx deleted file mode 100644 index a3feaf7af..000000000 --- a/web/components/icons/clipboard-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ClipboardIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/clock-icon.tsx b/web/components/icons/clock-icon.tsx deleted file mode 100644 index 3d2273364..000000000 --- a/web/components/icons/clock-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ClockIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - -); diff --git a/web/components/icons/cloud-upload.tsx b/web/components/icons/cloud-upload.tsx deleted file mode 100644 index f01674d38..000000000 --- a/web/components/icons/cloud-upload.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CloudUploadIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/cmd-icon.tsx b/web/components/icons/cmd-icon.tsx deleted file mode 100644 index 71ae82644..000000000 --- a/web/components/icons/cmd-icon.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; -import Image from "next/image"; -// image -import CMDIcon from "public/mac-command.svg"; -// type -import type { ImageIconPros } from "./types"; - -export const MacCommandIcon: React.FC = ({ width = 14, height = 14 }) => ( - -); - -export default MacCommandIcon; diff --git a/web/components/icons/cog.tsx b/web/components/icons/cog.tsx deleted file mode 100644 index 490426ccd..000000000 --- a/web/components/icons/cog.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CogIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/color-pallette-icon.tsx b/web/components/icons/color-pallette-icon.tsx deleted file mode 100644 index 5d7b73ebf..000000000 --- a/web/components/icons/color-pallette-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ColorPalletteIcon: React.FC = ({ - width = "20", - height = "20", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - -); diff --git a/web/components/icons/color-picker-icon.tsx b/web/components/icons/color-picker-icon.tsx deleted file mode 100644 index f6ec3ad27..000000000 --- a/web/components/icons/color-picker-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ColorPickerIcon: React.FC = ({ width = 14, height = 14, className }) => ( - - - -); diff --git a/web/components/icons/command-icon.tsx b/web/components/icons/command-icon.tsx deleted file mode 100644 index af2b027b1..000000000 --- a/web/components/icons/command-icon.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { FC } from "react"; - -import type { Props } from "./types"; - -export const CommandIcon: FC = ({ - width = "81", - height = "80", - // eslint-disable-next-line @typescript-eslint/no-unused-vars - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/comment-icon.tsx b/web/components/icons/comment-icon.tsx deleted file mode 100644 index 8619abd34..000000000 --- a/web/components/icons/comment-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CommentIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/completed-cycle-icon.tsx b/web/components/icons/completed-cycle-icon.tsx deleted file mode 100644 index d16009ad7..000000000 --- a/web/components/icons/completed-cycle-icon.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CompletedCycleIcon: React.FC = ({ width = "24", height = "24", className, color = "black" }) => ( - - - -); diff --git a/web/components/icons/contrast-icon.tsx b/web/components/icons/contrast-icon.tsx deleted file mode 100644 index 989a93409..000000000 --- a/web/components/icons/contrast-icon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ContrastIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - - -); diff --git a/web/components/icons/current-cycle-icon.tsx b/web/components/icons/current-cycle-icon.tsx deleted file mode 100644 index c4cc42014..000000000 --- a/web/components/icons/current-cycle-icon.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CurrentCycleIcon: React.FC = ({ width = "24", height = "24", className, color = "black" }) => ( - - - -); diff --git a/web/components/icons/cycle-icon.tsx b/web/components/icons/cycle-icon.tsx deleted file mode 100644 index 16c9b8c94..000000000 --- a/web/components/icons/cycle-icon.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const CyclesIcon: React.FC = ({ - width = "24", - height = "24", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - - -); diff --git a/web/components/icons/discord-icon.tsx b/web/components/icons/discord-icon.tsx deleted file mode 100644 index 27bfdcbe9..000000000 --- a/web/components/icons/discord-icon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const DiscordIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - - - - - - - - -); diff --git a/web/components/icons/edit-icon.tsx b/web/components/icons/edit-icon.tsx deleted file mode 100644 index 6b1ea2785..000000000 --- a/web/components/icons/edit-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const EditIcon: React.FC = ({ width, height, className }) => ( - - - -); diff --git a/web/components/icons/ellipsis-horizontal-icon.tsx b/web/components/icons/ellipsis-horizontal-icon.tsx deleted file mode 100644 index 26979f9a5..000000000 --- a/web/components/icons/ellipsis-horizontal-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const EllipsisHorizontalIcon: React.FC = ({ width, height, className }) => ( - - - -); diff --git a/web/components/icons/exclamation-icon.tsx b/web/components/icons/exclamation-icon.tsx deleted file mode 100644 index 243329647..000000000 --- a/web/components/icons/exclamation-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ExclamationIcon: React.FC = ({ width, height, className }) => ( - - - -); diff --git a/web/components/icons/external-link-icon.tsx b/web/components/icons/external-link-icon.tsx deleted file mode 100644 index 358a34f6c..000000000 --- a/web/components/icons/external-link-icon.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ExternalLinkIcon: React.FC = ({ width = "24", height = "24", className, color = "black" }) => ( - - - - - - // - // - // -); diff --git a/web/components/icons/github-icon.tsx b/web/components/icons/github-icon.tsx deleted file mode 100644 index c2bf8f491..000000000 --- a/web/components/icons/github-icon.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const GithubIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - - - - - - - - -); diff --git a/web/components/icons/grid-view-icons.tsx b/web/components/icons/grid-view-icons.tsx deleted file mode 100644 index a4a3a9aec..000000000 --- a/web/components/icons/grid-view-icons.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const GridViewIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/heartbeat-icon.tsx b/web/components/icons/heartbeat-icon.tsx deleted file mode 100644 index 5276b2cd2..000000000 --- a/web/components/icons/heartbeat-icon.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const HeartbeatIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/import-layers.tsx b/web/components/icons/import-layers.tsx deleted file mode 100644 index d64f5c5f5..000000000 --- a/web/components/icons/import-layers.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ImportLayersIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/inbox-icon.tsx b/web/components/icons/inbox-icon.tsx deleted file mode 100644 index 649504c5b..000000000 --- a/web/components/icons/inbox-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const InboxIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/index.ts b/web/components/icons/index.ts index 5add33fe6..9f9f38860 100644 --- a/web/components/icons/index.ts +++ b/web/components/icons/index.ts @@ -1,87 +1 @@ -export * from "./module"; -export * from "./state"; -export * from "./alarm-clock-icon"; -export * from "./attachment-icon"; -export * from "./blocked-icon"; -export * from "./blocker-icon"; -export * from "./bolt-icon"; -export * from "./calendar-before-icon"; -export * from "./calendar-after-icon"; -export * from "./calendar-month-icon"; -export * from "./cancel-icon"; -export * from "./clipboard-icon"; -export * from "./color-pallette-icon"; -export * from "./comment-icon"; -export * from "./completed-cycle-icon"; -export * from "./current-cycle-icon"; -export * from "./cycle-icon"; -export * from "./discord-icon"; -export * from "./document-icon"; -export * from "./edit-icon"; -export * from "./ellipsis-horizontal-icon"; -export * from "./external-link-icon"; -export * from "./github-icon"; -export * from "./heartbeat-icon"; -export * from "./layer-diagonal-icon"; -export * from "./lock-icon"; -export * from "./menu-icon"; -export * from "./pencil-scribble-icon"; -export * from "./plus-icon"; -export * from "./person-running-icon"; -export * from "./priority-icon"; -export * from "./question-mark-circle-icon"; -export * from "./setting-icon"; -export * from "./signal-cellular-icon"; -export * from "./stacked-layers-icon"; -export * from "./tag-icon"; -export * from "./tune-icon"; -export * from "./upcoming-cycle-icon"; -export * from "./user-group-icon"; -export * from "./user-icon-circle"; -export * from "./user-icon"; -export * from "./grid-view-icons"; -export * from "./assignment-clipboard-icon"; -export * from "./tick-mark-icon"; -export * from "./target-icon"; -export * from "./contrast-icon"; -export * from "./people-group-icon"; -export * from "./cmd-icon"; -export * from "./view-list-icon"; -export * from "./exclamation-icon"; -export * from "./arrow-right"; -export * from "./cog"; -export * from "./cloud-upload"; -export * from "./users"; -export * from "./import-layers"; -export * from "./check"; -export * from "./water-drop-icon"; -export * from "./transfer-icon"; -export * from "./pdf-file-icon"; -export * from "./csv-file-icon"; -export * from "./sheet-file-icon"; -export * from "./doc-file-icon"; -export * from "./html-file-icon"; -export * from "./css-file-icon"; -export * from "./js-file-icon"; -export * from "./figma-file-icon"; -export * from "./img-file-icon"; -export * from "./png-file-icon"; -export * from "./jpg-file-icon"; -export * from "./svg-file-icon"; -export * from "./txt-file-icon"; -export * from "./triangle-exclamation-icon"; -export * from "./default-file-icon"; -export * from "./video-file-icon"; -export * from "./audio-file-icon"; -export * from "./command-icon"; -export * from "./color-picker-icon"; -export * from "./inbox-icon"; -export * from "./stacked-layers-horizontal-icon"; -export * from "./sort-icon"; -export * from "./x-mark-icon"; -export * from "./archive-icon"; -export * from "./clock-icon"; -export * from "./bell-icon"; -export * from "./single-comment-icon"; -export * from "./related-icon"; -export * from "./module-icon"; +export * from "./attachment"; diff --git a/web/components/icons/layer-diagonal-icon.tsx b/web/components/icons/layer-diagonal-icon.tsx deleted file mode 100644 index dc6b5b684..000000000 --- a/web/components/icons/layer-diagonal-icon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const LayerDiagonalIcon: React.FC = ({ - width = "24", - height = "24", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - -); diff --git a/web/components/icons/lock-icon.tsx b/web/components/icons/lock-icon.tsx deleted file mode 100644 index 2892011df..000000000 --- a/web/components/icons/lock-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const LockIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/menu-icon.tsx b/web/components/icons/menu-icon.tsx deleted file mode 100644 index 3b5e033d8..000000000 --- a/web/components/icons/menu-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const MenuIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/module-icon.tsx b/web/components/icons/module-icon.tsx deleted file mode 100644 index 9ac0d076b..000000000 --- a/web/components/icons/module-icon.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ModuleIcon: React.FC = ({ width = "24", height = "24", className, color = "#F15B5B" }) => ( - - - - - - - -); diff --git a/web/components/icons/module/backlog.tsx b/web/components/icons/module/backlog.tsx deleted file mode 100644 index 5685c7498..000000000 --- a/web/components/icons/module/backlog.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import React from "react"; - -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const ModuleBacklogIcon: React.FC = ({ width = "20", height = "20", className }) => ( - - - - - - - - - - - - - - - - -); diff --git a/web/components/icons/module/cancelled.tsx b/web/components/icons/module/cancelled.tsx deleted file mode 100644 index f93017b29..000000000 --- a/web/components/icons/module/cancelled.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from "react"; - -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const ModuleCancelledIcon: React.FC = ({ width = "20", height = "20", className }) => ( - - - - - - - - - - -); diff --git a/web/components/icons/module/completed.tsx b/web/components/icons/module/completed.tsx deleted file mode 100644 index 5396ce244..000000000 --- a/web/components/icons/module/completed.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const ModuleCompletedIcon: React.FC = ({ width = "20", height = "20", className }) => ( - - - -); diff --git a/web/components/icons/module/in-progress.tsx b/web/components/icons/module/in-progress.tsx deleted file mode 100644 index 3279228dd..000000000 --- a/web/components/icons/module/in-progress.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import React from "react"; - -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const ModuleInProgressIcon: React.FC = ({ width = "20", height = "20", className }) => ( - - - - - - - - - - - - - - - - - - - - -); diff --git a/web/components/icons/module/index.ts b/web/components/icons/module/index.ts deleted file mode 100644 index e82014b2f..000000000 --- a/web/components/icons/module/index.ts +++ /dev/null @@ -1,7 +0,0 @@ -export * from "./backlog"; -export * from "./cancelled"; -export * from "./completed"; -export * from "./in-progress"; -export * from "./module-status-icon"; -export * from "./paused"; -export * from "./planned"; diff --git a/web/components/icons/module/module-status-icon.tsx b/web/components/icons/module/module-status-icon.tsx deleted file mode 100644 index a31e218e1..000000000 --- a/web/components/icons/module/module-status-icon.tsx +++ /dev/null @@ -1,28 +0,0 @@ -// icons -import { TModuleStatus } from "@plane/types"; -import { - ModuleBacklogIcon, - ModuleCancelledIcon, - ModuleCompletedIcon, - ModuleInProgressIcon, - ModulePausedIcon, - ModulePlannedIcon, -} from "@/components/icons"; -// types - -type Props = { - status: TModuleStatus; - className?: string; - height?: string; - width?: string; -}; - -export const ModuleStatusIcon: React.FC = ({ status, className, height = "12px", width = "12px" }) => { - if (status === "backlog") return ; - else if (status === "cancelled") return ; - else if (status === "completed") return ; - else if (status === "in-progress") - return ; - else if (status === "paused") return ; - else return ; -}; diff --git a/web/components/icons/module/paused.tsx b/web/components/icons/module/paused.tsx deleted file mode 100644 index b216264e8..000000000 --- a/web/components/icons/module/paused.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from "react"; - -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const ModulePausedIcon: React.FC = ({ width = "20", height = "20", className }) => ( - - - - - - - - - - -); diff --git a/web/components/icons/module/planned.tsx b/web/components/icons/module/planned.tsx deleted file mode 100644 index 97592057c..000000000 --- a/web/components/icons/module/planned.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const ModulePlannedIcon: React.FC = ({ width = "20", height = "20", className }) => ( - - - -); diff --git a/web/components/icons/pencil-scribble-icon.tsx b/web/components/icons/pencil-scribble-icon.tsx deleted file mode 100644 index 4d7489049..000000000 --- a/web/components/icons/pencil-scribble-icon.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const PencilScribbleIcon: React.FC = ({ width = "20", height = "20", className, color = "#000000" }) => ( - - - -); diff --git a/web/components/icons/people-group-icon.tsx b/web/components/icons/people-group-icon.tsx deleted file mode 100644 index c7f56cd51..000000000 --- a/web/components/icons/people-group-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const PeopleGroupIcon: React.FC = ({ - width = "24", - height = "16", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/person-running-icon.tsx b/web/components/icons/person-running-icon.tsx deleted file mode 100644 index 48c3a95e9..000000000 --- a/web/components/icons/person-running-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const PersonRunningIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/plus-icon.tsx b/web/components/icons/plus-icon.tsx deleted file mode 100644 index 25489a4fd..000000000 --- a/web/components/icons/plus-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const PlusIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/priority-icon.tsx b/web/components/icons/priority-icon.tsx deleted file mode 100644 index 36ea67b3d..000000000 --- a/web/components/icons/priority-icon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -// types -import { TIssuePriorities } from "@plane/types"; - -type Props = { - priority: TIssuePriorities | null; - className?: string; -}; - -export const PriorityIcon: React.FC = ({ priority, className = "" }) => { - if (!className || className === "") className = "text-xs flex items-center"; - - return ( - - {priority === "urgent" - ? "error" - : priority === "high" - ? "signal_cellular_alt" - : priority === "medium" - ? "signal_cellular_alt_2_bar" - : priority === "low" - ? "signal_cellular_alt_1_bar" - : "block"} - - ); -}; diff --git a/web/components/icons/question-mark-circle-icon.tsx b/web/components/icons/question-mark-circle-icon.tsx deleted file mode 100644 index cd41cf8cc..000000000 --- a/web/components/icons/question-mark-circle-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const QuestionMarkCircleIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/related-icon.tsx b/web/components/icons/related-icon.tsx deleted file mode 100644 index 3abb4b1c3..000000000 --- a/web/components/icons/related-icon.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const RelatedIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - - - -); diff --git a/web/components/icons/signal-cellular-icon.tsx b/web/components/icons/signal-cellular-icon.tsx deleted file mode 100644 index bb7d108fe..000000000 --- a/web/components/icons/signal-cellular-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const SignalCellularIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/single-comment-icon.tsx b/web/components/icons/single-comment-icon.tsx deleted file mode 100644 index 247e78b9e..000000000 --- a/web/components/icons/single-comment-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const SingleCommentCard: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - -); diff --git a/web/components/icons/sort-icon.tsx b/web/components/icons/sort-icon.tsx deleted file mode 100644 index 955cdadd5..000000000 --- a/web/components/icons/sort-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const SortIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - -); diff --git a/web/components/icons/stacked-layers-horizontal-icon.tsx b/web/components/icons/stacked-layers-horizontal-icon.tsx deleted file mode 100644 index bd12d0336..000000000 --- a/web/components/icons/stacked-layers-horizontal-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const StackedLayersHorizontalIcon: React.FC = ({ - width = "24", - height = "24", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - -); diff --git a/web/components/icons/stacked-layers-icon.tsx b/web/components/icons/stacked-layers-icon.tsx deleted file mode 100644 index 459d9217d..000000000 --- a/web/components/icons/stacked-layers-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const StackedLayersIcon: React.FC = ({ - width = "24", - height = "24", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - -); diff --git a/web/components/icons/state/backlog.tsx b/web/components/icons/state/backlog.tsx deleted file mode 100644 index 369692c20..000000000 --- a/web/components/icons/state/backlog.tsx +++ /dev/null @@ -1,42 +0,0 @@ -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const StateGroupBacklogIcon: React.FC = ({ - width = "20", - height = "20", - className, - color = "#a3a3a3", -}) => ( - - - - - - - - - - -); diff --git a/web/components/icons/state/cancelled.tsx b/web/components/icons/state/cancelled.tsx deleted file mode 100644 index 4b06d80ba..000000000 --- a/web/components/icons/state/cancelled.tsx +++ /dev/null @@ -1,34 +0,0 @@ -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const StateGroupCancelledIcon: React.FC = ({ - width = "20", - height = "20", - className, - color = "#ef4444", -}) => ( - - - - - - - - - - -); diff --git a/web/components/icons/state/completed.tsx b/web/components/icons/state/completed.tsx deleted file mode 100644 index b22cc8c81..000000000 --- a/web/components/icons/state/completed.tsx +++ /dev/null @@ -1,27 +0,0 @@ -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const StateGroupCompletedIcon: React.FC = ({ - width = "20", - height = "20", - className, - color = "#16a34a", -}) => ( - - - -); diff --git a/web/components/icons/state/index.ts b/web/components/icons/state/index.ts deleted file mode 100644 index 7fee13d8b..000000000 --- a/web/components/icons/state/index.ts +++ /dev/null @@ -1,6 +0,0 @@ -export * from "./backlog"; -export * from "./cancelled"; -export * from "./completed"; -export * from "./started"; -export * from "./state-group-icon"; -export * from "./unstarted"; diff --git a/web/components/icons/state/started.tsx b/web/components/icons/state/started.tsx deleted file mode 100644 index f4796548b..000000000 --- a/web/components/icons/state/started.tsx +++ /dev/null @@ -1,46 +0,0 @@ -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const StateGroupStartedIcon: React.FC = ({ - width = "20", - height = "20", - className, - color = "#f39e1f", -}) => ( - - - - - - - - - - - -); diff --git a/web/components/icons/state/state-group-icon.tsx b/web/components/icons/state/state-group-icon.tsx deleted file mode 100644 index 2e788de0f..000000000 --- a/web/components/icons/state/state-group-icon.tsx +++ /dev/null @@ -1,74 +0,0 @@ -// icons -import { TStateGroups } from "@plane/types"; -import { - StateGroupBacklogIcon, - StateGroupCancelledIcon, - StateGroupCompletedIcon, - StateGroupStartedIcon, - StateGroupUnstartedIcon, -} from "@/components/icons"; -// types -import { STATE_GROUPS } from "@/constants/state"; -// constants - -type Props = { - className?: string; - color?: string; - height?: string; - stateGroup: TStateGroups; - width?: string; -}; - -export const StateGroupIcon: React.FC = ({ - className = "", - color, - height = "12px", - width = "12px", - stateGroup, -}) => { - if (stateGroup === "backlog") - return ( - - ); - else if (stateGroup === "cancelled") - return ( - - ); - else if (stateGroup === "completed") - return ( - - ); - else if (stateGroup === "started") - return ( - - ); - else - return ( - - ); -}; diff --git a/web/components/icons/state/unstarted.tsx b/web/components/icons/state/unstarted.tsx deleted file mode 100644 index aa0d44935..000000000 --- a/web/components/icons/state/unstarted.tsx +++ /dev/null @@ -1,24 +0,0 @@ -type Props = { - width?: string; - height?: string; - className?: string; - color?: string; -}; - -export const StateGroupUnstartedIcon: React.FC = ({ - width = "20", - height = "20", - className, - color = "#3a3a3a", -}) => ( - - - -); diff --git a/web/components/icons/tag-icon.tsx b/web/components/icons/tag-icon.tsx deleted file mode 100644 index d0d69dc4b..000000000 --- a/web/components/icons/tag-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const TagIcon: React.FC = ({ width = "24", height = "24", className, color = "black" }) => ( - - - -); diff --git a/web/components/icons/target-icon.tsx b/web/components/icons/target-icon.tsx deleted file mode 100644 index 810a3c698..000000000 --- a/web/components/icons/target-icon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const TargetIcon: React.FC = ({ - width = "24", - height = "24", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - - -); diff --git a/web/components/icons/tick-mark-icon.tsx b/web/components/icons/tick-mark-icon.tsx deleted file mode 100644 index 1f7a5c5a5..000000000 --- a/web/components/icons/tick-mark-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const TickMarkIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/transfer-icon.tsx b/web/components/icons/transfer-icon.tsx deleted file mode 100644 index dfb3f8c05..000000000 --- a/web/components/icons/transfer-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const TransferIcon: React.FC = ({ width, height, className, color }) => ( - - - -); diff --git a/web/components/icons/triangle-exclamation-icon.tsx b/web/components/icons/triangle-exclamation-icon.tsx deleted file mode 100644 index 52409b720..000000000 --- a/web/components/icons/triangle-exclamation-icon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const TriangleExclamationIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/upcoming-cycle-icon.tsx b/web/components/icons/upcoming-cycle-icon.tsx deleted file mode 100644 index 616094f74..000000000 --- a/web/components/icons/upcoming-cycle-icon.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const UpcomingCycleIcon: React.FC = ({ width = "24", height = "24", className, color = "black" }) => ( - - - -); diff --git a/web/components/icons/user-group-icon.tsx b/web/components/icons/user-group-icon.tsx deleted file mode 100644 index 43141b594..000000000 --- a/web/components/icons/user-group-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const UserGroupIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - -); diff --git a/web/components/icons/user-icon-circle.tsx b/web/components/icons/user-icon-circle.tsx deleted file mode 100644 index ffc88be3b..000000000 --- a/web/components/icons/user-icon-circle.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const UserCircleIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/user-icon.tsx b/web/components/icons/user-icon.tsx deleted file mode 100644 index dedea1bae..000000000 --- a/web/components/icons/user-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const UserIcon: React.FC = ({ width = "24", height = "24", className }) => ( - - - -); diff --git a/web/components/icons/users.tsx b/web/components/icons/users.tsx deleted file mode 100644 index ffff9fc73..000000000 --- a/web/components/icons/users.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const UsersIcon: React.FC = ({ - width = "24", - height = "24", - color = "rgb(var(--color-text-200))", - className, -}) => ( - - - -); diff --git a/web/components/icons/view-list-icon.tsx b/web/components/icons/view-list-icon.tsx deleted file mode 100644 index 3f53fd05b..000000000 --- a/web/components/icons/view-list-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const ViewListIcon: React.FC = ({ - width = "24", - height = "24", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - -); diff --git a/web/components/icons/water-drop-icon.tsx b/web/components/icons/water-drop-icon.tsx deleted file mode 100644 index 7ff6ff8a4..000000000 --- a/web/components/icons/water-drop-icon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const WaterDropIcon: React.FC = ({ - width = "24", - height = "24", - className, - color = "rgb(var(--color-text-200))", -}) => ( - - - -); diff --git a/web/components/icons/x-mark-icon.tsx b/web/components/icons/x-mark-icon.tsx deleted file mode 100644 index afebc8273..000000000 --- a/web/components/icons/x-mark-icon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const XMarkIcon: React.FC = ({ width = "24", height = "24", className, color }) => ( - - - -); diff --git a/web/components/issues/attachment/attachment-detail.tsx b/web/components/issues/attachment/attachment-detail.tsx index 8a1ade183..617bc7e07 100644 --- a/web/components/issues/attachment/attachment-detail.tsx +++ b/web/components/issues/attachment/attachment-detail.tsx @@ -3,7 +3,7 @@ import { observer } from "mobx-react"; import Link from "next/link"; import { AlertCircle, X } from "lucide-react"; import { Tooltip } from "@plane/ui"; -import { getFileIcon } from "@/components/icons"; +import { getFileIcon } from "@/components/icons/attachment"; import { convertBytesToSize, getFileExtension, getFileName } from "@/helpers/attachment.helper"; import { renderFormattedDate } from "@/helpers/date-time.helper"; import { truncateText } from "@/helpers/string.helper"; diff --git a/web/components/issues/issue-detail/links/link-detail.tsx b/web/components/issues/issue-detail/links/link-detail.tsx index 0380542c2..203e2493c 100644 --- a/web/components/issues/issue-detail/links/link-detail.tsx +++ b/web/components/issues/issue-detail/links/link-detail.tsx @@ -1,8 +1,8 @@ import { FC, useState } from "react"; // hooks // ui -import { Pencil, Trash2, LinkIcon } from "lucide-react"; -import { ExternalLinkIcon, Tooltip, TOAST_TYPE, setToast } from "@plane/ui"; +import { Pencil, Trash2, LinkIcon, ExternalLink } from "lucide-react"; +import { Tooltip, TOAST_TYPE, setToast } from "@plane/ui"; // icons // types // helpers @@ -94,7 +94,7 @@ export const IssueLinkDetail: FC = (props) => { rel="noopener noreferrer" className="flex items-center justify-center p-1 hover:bg-custom-background-80" > - +