From a1be9809761acc94a73d7eaa9ee80ca2028f47f5 Mon Sep 17 00:00:00 2001 From: Ian Cameron Lyles Date: Sat, 22 Feb 2025 10:51:04 -0800 Subject: [PATCH] Migrate all custom icons to lucide --- packages/backend/package.json | 2 +- .../frontend/src/components/SearchBar.tsx | 4 +- .../Dialog/ChangeStateToProductionDialog.tsx | 20 +- .../Dialog/DeleteDeploymentDialog.tsx | 10 +- .../projects/ProjectCard/ProjectCard.tsx | 21 +- .../ProjectSearchBarDialog.tsx | 6 +- .../ProjectSearchBarEmpty.tsx | 4 +- .../components/projects/create/Configure.tsx | 43 ++-- .../projects/create/ConnectAccount.tsx | 27 +-- .../src/components/projects/create/Deploy.tsx | 6 +- .../components/projects/create/DeployStep.tsx | 12 +- .../projects/create/MockConnectGitCard.tsx | 27 +-- .../ProjectRepoCard/ProjectRepoCard.tsx | 18 +- .../create/RepositoryList/RepositoryList.tsx | 19 +- .../create/TemplateCard/TemplateCard.tsx | 17 +- .../deployments/DeploymentDetailsCard.tsx | 21 +- .../deployments/DeploymentDialogBodyCard.tsx | 14 +- .../project/deployments/DeploymentMenu.tsx | 40 ++-- .../project/deployments/FilterForm.tsx | 30 +-- .../project/overview/Activity/Activity.tsx | 4 +- .../overview/Activity/ActivityCard.tsx | 9 +- .../project/overview/Activity/AuctionCard.tsx | 9 +- .../settings/AddEnvironmentVariableRow.tsx | 4 +- .../settings/DisplayEnvironmentVariables.tsx | 7 +- .../projects/project/settings/DomainCard.tsx | 19 +- .../settings/EditEnvironmentVariableRow.tsx | 25 +- .../projects/project/settings/MemberCard.tsx | 4 +- .../projects/project/settings/WebhookCard.tsx | 7 +- .../components/shared/Calendar/Calendar.tsx | 8 +- .../components/shared/Checkbox/Checkbox.tsx | 4 +- .../shared/CustomIcon/AppleIcon.tsx | 29 --- .../CustomIcon/ArrowLeftCircleFilledIcon.tsx | 20 -- .../CustomIcon/ArrowRightCircleFilledIcon.tsx | 20 -- .../CustomIcon/ArrowRightCircleIcon.tsx | 20 -- .../shared/CustomIcon/BranchIcon.tsx | 18 -- .../shared/CustomIcon/BranchStrokeIcon.tsx | 18 -- .../shared/CustomIcon/BuildingIcon.tsx | 21 -- .../shared/CustomIcon/CalendarDaysIcon.tsx | 40 ---- .../shared/CustomIcon/CalendarIcon.tsx | 20 -- .../shared/CustomIcon/CheckIcon.tsx | 21 -- .../shared/CustomIcon/CheckRadioIcon.tsx | 20 -- .../CustomIcon/CheckRadioOutlineIcon.tsx | 20 -- .../CustomIcon/CheckRoundFilledIcon.tsx | 14 -- .../CustomIcon/ChevronDoubleDownIcon.tsx | 19 -- .../shared/CustomIcon/ChevronDownIcon.tsx | 21 -- .../CustomIcon/ChevronDownSmallIcon.tsx | 20 -- .../CustomIcon/ChevronGrabberHorizontal.tsx | 19 -- .../shared/CustomIcon/ChevronLeft.tsx | 20 -- .../shared/CustomIcon/ChevronRight.tsx | 20 -- .../shared/CustomIcon/ChevronUpDown.tsx | 20 -- .../shared/CustomIcon/ChevronUpSmallIcon.tsx | 20 -- .../CustomIcon/CirclePlaceholderOnIcon.tsx | 19 -- .../shared/CustomIcon/ClockIcon.tsx | 18 -- .../shared/CustomIcon/ClockOutlineIcon.tsx | 20 -- .../shared/CustomIcon/CollaboratorsIcon.tsx | 19 -- .../shared/CustomIcon/CommitIcon.tsx | 25 -- .../components/shared/CustomIcon/CopyIcon.tsx | 20 -- .../shared/CustomIcon/CopyUnfilledIcon.tsx | 20 -- .../shared/CustomIcon/CrossCircleIcon.tsx | 20 -- .../shared/CustomIcon/CrossIcon.tsx | 20 -- .../shared/CustomIcon/CursorBoxIcon.tsx | 21 -- .../shared/CustomIcon/CustomIcon.tsx | 30 --- .../shared/CustomIcon/EditBigIcon.tsx | 26 --- .../shared/CustomIcon/EllipseIcon.tsx | 9 - .../shared/CustomIcon/EllipsesIcon.tsx | 13 -- .../shared/CustomIcon/FolderIcon.tsx | 21 -- .../components/shared/CustomIcon/GearIcon.tsx | 24 -- .../shared/CustomIcon/GitHubLogoIcon.tsx | 18 -- .../components/shared/CustomIcon/GitIcon.tsx | 18 -- .../shared/CustomIcon/GitTeaIcon.tsx | 26 --- .../shared/CustomIcon/GithubIcon.tsx | 20 -- .../shared/CustomIcon/GithubStrokeIcon.tsx | 18 -- .../shared/CustomIcon/GlobeIcon.tsx | 19 -- .../shared/CustomIcon/GoogleIcon.tsx | 38 ---- .../shared/CustomIcon/HideEyeOffIcon.tsx | 18 -- .../shared/CustomIcon/HorizontalDotIcon.tsx | 18 -- .../shared/CustomIcon/InfoRoundFilledIcon.tsx | 20 -- .../shared/CustomIcon/InfoSquareIcon.tsx | 20 -- .../components/shared/CustomIcon/KeyIcon.tsx | 80 ------- .../shared/CustomIcon/LifeBuoyIcon.tsx | 19 -- .../shared/CustomIcon/LinkChainIcon.tsx | 20 -- .../components/shared/CustomIcon/LinkIcon.tsx | 20 -- .../shared/CustomIcon/LoaderIcon.tsx | 21 -- .../shared/CustomIcon/LoadingIcon.tsx | 20 -- .../components/shared/CustomIcon/LockIcon.tsx | 20 -- .../shared/CustomIcon/LogoutIcon.tsx | 20 -- .../components/shared/CustomIcon/MenuIcon.tsx | 26 --- .../shared/CustomIcon/MinusCircleIcon.tsx | 20 -- .../CustomIcon/NotificationBellIcon.tsx | 19 -- .../shared/CustomIcon/PencilIcon.tsx | 18 -- .../components/shared/CustomIcon/PlusIcon.tsx | 20 -- .../QuestionMarkRoundFilledIcon.tsx | 20 -- .../CustomIcon/QuestionMarkRoundIcon.tsx | 32 --- .../components/shared/CustomIcon/README.md | 24 -- .../shared/CustomIcon/RefreshIcon.tsx | 22 -- .../shared/CustomIcon/RocketIcon.tsx | 19 -- .../shared/CustomIcon/SearchIcon.tsx | 20 -- .../shared/CustomIcon/SettingsSlidersIcon.tsx | 21 -- .../shared/CustomIcon/ShowEyeIcon.tsx | 18 -- .../shared/CustomIcon/SnowballIcon.tsx | 38 ---- .../shared/CustomIcon/StorageIcon.tsx | 20 -- .../shared/CustomIcon/SwitchIcon.tsx | 22 -- .../shared/CustomIcon/TrashIcon.tsx | 20 -- .../shared/CustomIcon/TrendingIcon.tsx | 20 -- .../components/shared/CustomIcon/UndoIcon.tsx | 20 -- .../shared/CustomIcon/WarningDiamondIcon.tsx | 18 -- .../shared/CustomIcon/WarningIcon.tsx | 20 -- .../shared/CustomIcon/WarningTriangleIcon.tsx | 20 -- .../src/components/shared/CustomIcon/index.ts | 81 ------- .../CustomIcon/templates/KotlinIcon.tsx | 129 ----------- .../shared/CustomIcon/templates/PWAIcon.tsx | 87 ------- .../CustomIcon/templates/ReactNativeIcon.tsx | 97 -------- .../shared/CustomIcon/templates/SwiftIcon.tsx | 101 --------- .../CustomIcon/templates/TemplateIcon.tsx | 27 --- .../CustomIcon/templates/WebAppIcon.tsx | 86 ------- .../shared/CustomIcon/templates/index.ts | 1 - .../shared/DatePicker/DatePicker.tsx | 13 +- .../InlineNotification/InlineNotification.tsx | 6 +- .../src/components/shared/Input/Input.tsx | 4 +- .../shared/{CustomIcon => }/LaconicIcon.tsx | 8 +- .../Modal/ModalContent/ModalContent.tsx | 4 +- .../src/components/shared/Select/Select.tsx | 13 +- .../shared/Select/SelectItem/SelectItem.tsx | 4 +- .../shared/Select/SelectValue/SelectValue.tsx | 4 +- .../src/components/shared/Sidebar/Sidebar.tsx | 10 +- .../components/shared/Sidebar/constants.tsx | 9 +- .../src/components/shared/Steps/Step/Step.tsx | 9 +- .../components/shared/Toast/SimpleToast.tsx | 24 +- .../shared/UserSelect/UserSelect.tsx | 12 +- .../UserSelectItem/UserSelectItem.tsx | 15 +- .../frontend/src/layouts/ProjectSearch.tsx | 6 +- packages/frontend/src/pages/auth/Done.tsx | 9 +- .../src/pages/components/renders/button.tsx | 20 +- .../src/pages/components/renders/dropdown.tsx | 10 +- .../src/pages/components/renders/input.tsx | 10 +- .../src/pages/components/renders/tabs.tsx | 4 +- .../src/pages/components/renders/tag.tsx | 18 +- .../src/pages/org-slug/projects/Id.tsx | 4 +- .../org-slug/projects/create/Template.tsx | 15 +- .../pages/org-slug/projects/create/layout.tsx | 6 +- .../org-slug/projects/create/success/Id.tsx | 9 +- .../projects/create/template/index.tsx | 9 +- .../org-slug/projects/id/Deployments.tsx | 4 +- .../pages/org-slug/projects/id/Overview.tsx | 136 +++++------ .../pages/org-slug/projects/id/Settings.tsx | 21 +- .../projects/id/settings/Collaborators.tsx | 4 +- .../org-slug/projects/id/settings/Domains.tsx | 4 +- .../id/settings/EnvironmentVariables.tsx | 4 +- .../org-slug/projects/id/settings/General.tsx | 6 +- .../id/settings/domains/add/Config.tsx | 4 +- .../src/stories/Components/Avatar.stories.tsx | 76 ------- .../src/stories/Components/Badge.stories.tsx | 76 ------- .../src/stories/Components/Button.stories.tsx | 137 ----------- .../stories/Components/Calendar.stories.tsx | 86 ------- .../stories/Components/Checkbox.stories.tsx | 63 ------ .../stories/Components/CloudyFlow.stories.tsx | 27 --- .../Components/ComponentsAll.stories.tsx | 14 -- .../stories/Components/DatePicker.stories.tsx | 50 ---- .../stories/Components/DotBorder.stories.tsx | 15 -- .../stories/Components/Heading.stories.tsx | 15 -- .../Components/IconWithFrame.stories.tsx | 32 --- .../Components/Icons/AppleIcon.stories.tsx | 29 --- .../ArrowLeftCircleFilledIcon.stories.tsx | 31 --- .../ArrowRightCircleFilledIcon.stories.tsx | 31 --- .../Icons/ArrowRightCircleIcon.stories.tsx | 29 --- .../Components/Icons/BranchIcon.stories.tsx | 29 --- .../Icons/BranchStrokeIcon.stories.tsx | 29 --- .../Components/Icons/BuildingIcon.stories.tsx | 29 --- .../Icons/CalendarDaysIcon.stories.tsx | 29 --- .../Components/Icons/CalendarIcon.stories.tsx | 29 --- .../Components/Icons/CheckIcon.stories.tsx | 29 --- .../Icons/CheckRadioIcon.stories.tsx | 29 --- .../Icons/CheckRadioOutlineIcon.stories.tsx | 29 --- .../Icons/CheckRoundFilledIcon.stories.tsx | 29 --- .../Icons/ChevronDoubleDownIcon.stories.tsx | 29 --- .../Icons/ChevronDownIcon.stories.tsx | 29 --- .../Icons/ChevronDownSmallIcon.stories.tsx | 29 --- .../ChevronGrabberHorizontal.stories.tsx | 31 --- .../Components/Icons/ChevronLeft.stories.tsx | 29 --- .../Components/Icons/ChevronRight.stories.tsx | 29 --- .../Icons/ChevronUpDown.stories.tsx | 29 --- .../Icons/ChevronUpSmallIcon.stories.tsx | 29 --- .../Icons/CirclePlaceholderOnIcon.stories.tsx | 31 --- .../Components/Icons/ClockIcon.stories.tsx | 29 --- .../Icons/ClockOutlineIcon.stories.tsx | 29 --- .../Icons/CollaboratorsIcon.stories.tsx | 29 --- .../Components/Icons/CommitIcon.stories.tsx | 29 --- .../Components/Icons/CopyIcon.stories.tsx | 29 --- .../Icons/CrossCircleIcon.stories.tsx | 29 --- .../Components/Icons/CrossIcon.stories.tsx | 29 --- .../Icons/CursorBoxIcon.stories.tsx | 29 --- .../Components/Icons/EditBigIcon.stories.tsx | 29 --- .../Components/Icons/EllipseIcon.stories.tsx | 29 --- .../Components/Icons/EllipsesIcon.stories.tsx | 29 --- .../Components/Icons/FolderIcon.stories.tsx | 29 --- .../Components/Icons/GearIcon.stories.tsx | 29 --- .../Components/Icons/GitIcon.stories.tsx | 29 --- .../Components/Icons/GitTeaIcon.stories.tsx | 29 --- .../Components/Icons/GithubIcon.stories.tsx | 29 --- .../Icons/GithubLogoIcon.stories.tsx | 29 --- .../Icons/GithubStrokeIcon.stories.tsx | 29 --- .../Components/Icons/GlobeIcon.stories.tsx | 29 --- .../Components/Icons/GoogleIcon.stories.tsx | 29 --- .../Icons/HideEyeOffIcon.stories.tsx | 29 --- .../Icons/HorizontalDotIcon.stories.tsx | 29 --- .../Icons/InfoRoundFilledIcon.stories.tsx | 29 --- .../Icons/InfoSquareIcon.stories.tsx | 29 --- .../Components/Icons/KeyIcon.stories.tsx | 29 --- .../Components/Icons/LifeBuoyIcon.stories.tsx | 29 --- .../Icons/LinkChainIcon.stories.tsx | 29 --- .../Components/Icons/LinkIcon.stories.tsx | 29 --- .../Components/Icons/LoaderIcon.stories.tsx | 29 --- .../Components/Icons/LoadingIcon.stories.tsx | 29 --- .../Components/Icons/LockIcon.stories.tsx | 29 --- .../Components/Icons/LogoutIcon.stories.tsx | 29 --- .../Components/Icons/MenuIcon.stories.tsx | 29 --- .../Icons/MinusCircleIcon.stories.tsx | 29 --- .../Icons/NotificationBellIcon.stories.tsx | 29 --- .../Components/Icons/PencilIcon.stories.tsx | 29 --- .../Components/Icons/PlusIcon.stories.tsx | 29 --- .../QuestionMarkRoundFilledIcon.stories.tsx | 31 --- .../Icons/QuestionMarkRoundIcon.stories.tsx | 29 --- .../Components/Icons/RefreshIcon.stories.tsx | 29 --- .../Components/Icons/RocketIcon.stories.tsx | 29 --- .../Components/Icons/SearchIcon.stories.tsx | 29 --- .../Icons/SettingsSlidersIcon.stories.tsx | 29 --- .../Components/Icons/ShowEyeIcon.stories.tsx | 29 --- .../Components/Icons/SnowballIcon.stories.tsx | 29 --- .../Components/Icons/StorageIcon.stories.tsx | 29 --- .../Components/Icons/SwitchIcon.stories.tsx | 29 --- .../Components/Icons/TrendingIcon.stories.tsx | 29 --- .../Components/Icons/UndoIcon.stories.tsx | 29 --- .../Icons/WarningDiamondIcon.stories.tsx | 29 --- .../Components/Icons/WarningIcon.stories.tsx | 29 --- .../Icons/WarningTriangleIcon.stories.tsx | 29 --- .../Components/InlineNotification.stories.tsx | 95 -------- .../src/stories/Components/Input.stories.tsx | 213 ------------------ .../src/stories/Components/Modal.stories.tsx | 58 ----- .../Components/OverflownText.stories.tsx | 38 ---- .../Components/ProjectSearchBar.stories.tsx | 20 -- .../src/stories/Components/Radio.stories.tsx | 105 --------- .../stories/Components/SearchBar.stories.tsx | 15 -- .../Components/SegmentedControls.stories.tsx | 70 ------ .../src/stories/Components/Select.stories.tsx | 185 --------------- .../src/stories/Components/Step.stories.tsx | 51 ----- .../src/stories/Components/Steps.stories.tsx | 63 ------ .../src/stories/Components/Switch.stories.tsx | 93 -------- .../src/stories/Components/Table.stories.tsx | 48 ---- .../src/stories/Components/Tabs.stories.tsx | 85 ------- .../src/stories/Components/Tag.stories.tsx | 73 ------ .../src/stories/Components/Toast.stories.tsx | 101 --------- .../stories/Components/Tooltip.stories.tsx | 71 ------ .../stories/Components/WavyBorder.stories.tsx | 20 -- .../stories/Pages/Auth/AuthPage.stories.tsx | 45 ---- .../AddEnvironmentVariableRow.stories.tsx | 65 ------ .../Settings/AddMemberDialog.stories.tsx | 31 --- .../Project/Settings/Config.stories.tsx | 30 --- .../Settings/DeleteProjectDialog.stories.tsx | 50 ---- .../DisplayEnvironmentVariables.stories.tsx | 38 ---- .../Project/Settings/DomainCard.stories.tsx | 48 ---- .../Settings/EditDomainDialog.stories.tsx | 43 ---- .../EditEnvironmentVariableRow.stories.tsx | 28 --- .../Project/Settings/MemberCard.stories.tsx | 98 -------- .../Project/Settings/SetupDomains.stories.tsx | 30 --- .../Project/Settings/WebhookCard.stories.tsx | 29 --- packages/frontend/tsconfig.json | 3 + packages/frontend/tsconfig.node.json | 1 + packages/frontend/vite.config.d.ts | 2 + packages/frontend/vite.config.ts | 11 +- qwrk/docs/frontend/SHADCN_MIGRATION.md | 110 +++++++++ yarn.lock | 39 +--- 271 files changed, 520 insertions(+), 7515 deletions(-) delete mode 100644 packages/frontend/src/components/shared/CustomIcon/AppleIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ArrowLeftCircleFilledIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleFilledIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/BranchIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/BranchStrokeIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/BuildingIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CalendarDaysIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CheckIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CheckRoundFilledIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronDoubleDownIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronDownSmallIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronGrabberHorizontal.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronLeft.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronRight.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronUpDown.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronUpSmallIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ClockIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ClockOutlineIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CollaboratorsIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CommitIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CopyIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CopyUnfilledIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CrossCircleIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CrossIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CursorBoxIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/CustomIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/EditBigIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/EllipseIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/EllipsesIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/FolderIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GitHubLogoIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GitIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GitTeaIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GithubIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GithubStrokeIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GlobeIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/GoogleIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/HideEyeOffIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/HorizontalDotIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/InfoRoundFilledIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/InfoSquareIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/KeyIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/LifeBuoyIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/LinkChainIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/LinkIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/LoaderIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/LoadingIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/LockIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/LogoutIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/MenuIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/MinusCircleIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/NotificationBellIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/PlusIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundFilledIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/README.md delete mode 100644 packages/frontend/src/components/shared/CustomIcon/RefreshIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/RocketIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/SearchIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/SettingsSlidersIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/ShowEyeIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/SnowballIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/StorageIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/SwitchIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/TrashIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/UndoIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/WarningDiamondIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/WarningIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/index.ts delete mode 100644 packages/frontend/src/components/shared/CustomIcon/templates/KotlinIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/templates/PWAIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/templates/ReactNativeIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/templates/SwiftIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/templates/WebAppIcon.tsx delete mode 100644 packages/frontend/src/components/shared/CustomIcon/templates/index.ts rename packages/frontend/src/components/shared/{CustomIcon => }/LaconicIcon.tsx (85%) delete mode 100644 packages/frontend/src/stories/Components/Avatar.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Badge.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Button.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Calendar.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Checkbox.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/CloudyFlow.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/ComponentsAll.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/DatePicker.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/DotBorder.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Heading.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/IconWithFrame.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/AppleIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ArrowLeftCircleFilledIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ArrowRightCircleFilledIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ArrowRightCircleIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/BranchIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/BranchStrokeIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/BuildingIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CalendarDaysIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CalendarIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CheckIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CheckRadioIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CheckRadioOutlineIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CheckRoundFilledIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronDoubleDownIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronDownIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronGrabberHorizontal.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronLeft.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CirclePlaceholderOnIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ClockIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ClockOutlineIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CommitIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CopyIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CrossCircleIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CrossIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/CursorBoxIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/EditBigIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/EllipseIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/EllipsesIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/FolderIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GearIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GitIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GitTeaIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GithubIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GithubLogoIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GithubStrokeIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GlobeIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/GoogleIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/HideEyeOffIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/HorizontalDotIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/InfoRoundFilledIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/InfoSquareIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/KeyIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/LifeBuoyIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/LinkChainIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/LinkIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/LoaderIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/LoadingIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/LockIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/LogoutIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/MenuIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/MinusCircleIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/NotificationBellIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/PencilIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/PlusIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/QuestionMarkRoundFilledIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/QuestionMarkRoundIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/RefreshIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/RocketIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/SearchIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/SettingsSlidersIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/ShowEyeIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/SnowballIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/StorageIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/SwitchIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/TrendingIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/UndoIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/WarningDiamondIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/WarningIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Icons/WarningTriangleIcon.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/InlineNotification.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Input.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Modal.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/OverflownText.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/ProjectSearchBar.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Radio.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/SearchBar.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/SegmentedControls.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Select.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Step.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Steps.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Switch.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Table.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Tabs.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Tag.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Toast.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/Tooltip.stories.tsx delete mode 100644 packages/frontend/src/stories/Components/WavyBorder.stories.tsx delete mode 100644 packages/frontend/src/stories/Pages/Auth/AuthPage.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/AddMemberDialog.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/Config.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/DeleteProjectDialog.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/DomainCard.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/EditDomainDialog.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/EditEnvironmentVariableRow.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/MemberCard.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/SetupDomains.stories.tsx delete mode 100644 packages/frontend/src/stories/Project/Settings/WebhookCard.stories.tsx create mode 100644 packages/frontend/vite.config.d.ts create mode 100644 qwrk/docs/frontend/SHADCN_MIGRATION.md diff --git a/packages/backend/package.json b/packages/backend/package.json index d76f430b..d53a96d3 100644 --- a/packages/backend/package.json +++ b/packages/backend/package.json @@ -54,7 +54,7 @@ "@types/cookie-session": "^2.0.49", "@types/express-session": "^1.17.10", "@types/fs-extra": "^11.0.4", - "better-sqlite3": "^9.2.2", + "better-sqlite3": "^9.4.1", "copyfiles": "^2.4.1", "prettier": "^3.1.1", "workspace": "^0.0.1-preview.1" diff --git a/packages/frontend/src/components/SearchBar.tsx b/packages/frontend/src/components/SearchBar.tsx index 23bed3fb..d426794e 100644 --- a/packages/frontend/src/components/SearchBar.tsx +++ b/packages/frontend/src/components/SearchBar.tsx @@ -1,6 +1,6 @@ import React, { forwardRef, RefAttributes } from 'react'; -import { SearchIcon } from './shared/CustomIcon'; +import { Search } from 'lucide-react'; import { Input, InputProps } from './shared/Input'; const SearchBar: React.ForwardRefRenderFunction< @@ -10,7 +10,7 @@ const SearchBar: React.ForwardRefRenderFunction< return (
} + leftIcon={} onChange={onChange} value={value} type="search" diff --git a/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx b/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx index 4070c173..f761bffb 100644 --- a/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx +++ b/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx @@ -6,14 +6,12 @@ import { Deployment, Domain } from 'gql-client'; import DeploymentDialogBodyCard from 'components/projects/project/deployments/DeploymentDialogBodyCard'; import { Button } from 'components/shared/Button'; import { - ChevronDoubleDownIcon, - LinkChainIcon, -} from 'components/shared/CustomIcon'; + ChevronDown, + Link, + ArrowRightCircle, + Loader2, +} from 'lucide-react'; import { TagProps } from 'components/shared/Tag'; -import { - ArrowRightCircleFilledIcon, - LoadingIcon, -} from 'components/shared/CustomIcon'; interface ChangeStateToProductionDialogProps extends ConfirmDialogProps { deployment: Deployment; @@ -51,9 +49,9 @@ export const ChangeStateToProductionDialog = ({ confirmButtonProps={{ disabled: isConfirmButtonLoading, rightIcon: isConfirmButtonLoading ? ( - + ) : ( - + ), }} > @@ -70,7 +68,7 @@ export const ChangeStateToProductionDialog = ({ <>
{Array.from({ length: 7 }).map((_, index) => ( - + ))}
} + leftIcon={} variant="link" key={value.id} > diff --git a/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx b/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx index a4bf4f92..878cf460 100644 --- a/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx +++ b/packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx @@ -2,9 +2,9 @@ import ConfirmDialog, { ConfirmDialogProps, } from 'components/shared/ConfirmDialog'; import { - ArrowRightCircleFilledIcon, - LoadingIcon, -} from 'components/shared/CustomIcon'; + AlertTriangle, +} from 'lucide-react'; + interface DeleteDeploymentDialogProps extends ConfirmDialogProps { isConfirmButtonLoading?: boolean; @@ -33,9 +33,9 @@ export const DeleteDeploymentDialog = ({ variant: 'danger', disabled: isConfirmButtonLoading, rightIcon: isConfirmButtonLoading ? ( - + ) : ( - + ), }} > diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx index 11b28506..b3ffbc26 100644 --- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx +++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx @@ -14,12 +14,11 @@ import { Project } from 'gql-client'; import { Avatar } from 'components/shared/Avatar'; import { Button } from 'components/shared/Button'; import { - BranchIcon, - ClockIcon, - GithubLogoIcon, - HorizontalDotIcon, - WarningDiamondIcon, -} from 'components/shared/CustomIcon'; + GitBranch, + AlertTriangle, + MoreHorizontal, + Clock, +} from 'lucide-react'; import { Tooltip } from 'components/shared/Tooltip'; import { WavyBorder } from 'components/shared/WavyBorder'; import { relativeTimeMs } from 'utils/time'; @@ -92,7 +91,7 @@ export const ProjectCard = ({
{/* Icons */}
- {hasError && } + {hasError && } @@ -142,14 +141,14 @@ export const ProjectCard = ({
{hasDeployment ? ( <> - + {relativeTimeMs(project.deployments[0].createdAt)} on - + {project.deployments[0].branch} ) : ( <> - + Created {relativeTimeMs(project.createdAt)} )} diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx index 6f34c3af..a758bc04 100644 --- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx +++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarDialog.tsx @@ -1,7 +1,7 @@ import { useCallback, useEffect, useState } from 'react'; import * as Dialog from '@radix-ui/react-dialog'; import { Button } from 'components/shared/Button'; -import { CrossIcon, SearchIcon } from 'components/shared/CustomIcon'; +import { X, Search } from 'lucide-react'; import { Input } from 'components/shared/Input'; import { useGQLClient } from 'context/GQLClientContext'; import { Project } from 'gql-client'; @@ -81,13 +81,13 @@ export const ProjectSearchBarDialog = ({
} + leftIcon={} placeholder="Search" appearance="borderless" autoFocus />
{/* Content */} diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx index b901cec0..9e86bc3c 100644 --- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx +++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx @@ -1,4 +1,4 @@ -import { InfoRoundFilledIcon } from 'components/shared/CustomIcon'; +import { Search } from 'lucide-react'; import { ComponentPropsWithoutRef } from 'react'; import { cn } from 'utils/classnames'; @@ -14,7 +14,7 @@ export const ProjectSearchBarEmpty = ({ className={cn('flex items-center px-2 py-2 gap-3', className)} >
- +

No projects matching this name diff --git a/packages/frontend/src/components/projects/create/Configure.tsx b/packages/frontend/src/components/projects/create/Configure.tsx index 24e85379..9db32199 100644 --- a/packages/frontend/src/components/projects/create/Configure.tsx +++ b/packages/frontend/src/components/projects/create/Configure.tsx @@ -11,12 +11,9 @@ import { useMediaQuery } from 'usehooks-ts'; import { FormControl, FormHelperText, MenuItem, Select } from '@mui/material'; -import { - ArrowRightCircleFilledIcon, - LoadingIcon, -} from 'components/shared/CustomIcon'; import { Input } from 'components/shared/Input'; import { useToast } from 'components/shared/Toast'; +import { ArrowRightCircle, Loader2 } from 'lucide-react'; import EnvironmentVariablesForm from 'pages/org-slug/projects/id/settings/EnvironmentVariablesForm'; import { EnvironmentVariablesFormValues } from 'types/types'; import { @@ -48,7 +45,6 @@ const Configure = () => { const [selectedAccount, setSelectedAccount] = useState(); const [selectedDeployer, setSelectedDeployer] = useState(); const [isPaymentLoading, setIsPaymentLoading] = useState(false); - const [isPaymentDone, setIsPaymentDone] = useState(false); const [isFrameVisible, setIsFrameVisible] = useState(false); const [isAccountsDataReceived, setIsAccountsDataReceived] = useState(false); const [balanceMessage, setBalanceMessage] = useState(); @@ -257,7 +253,6 @@ const Configure = () => { variant: 'success', onDismiss: dismiss, }); - setIsPaymentDone(true); } else { toast({ id: 'invalid-tx-hash', @@ -344,7 +339,6 @@ const Configure = () => { let timeoutId; try { - setIsPaymentDone(false); setIsPaymentLoading(true); await requestTx(senderAddress, snowballAddress, amount); @@ -441,6 +435,10 @@ const Configure = () => { } }, [isBalanceSufficient]); + const handleConfigureDeployment = useCallback(() => { + methods.handleSubmit(handleFormSubmit)(); + }, [handleFormSubmit, methods]); + return (

@@ -593,9 +591,9 @@ const Configure = () => { disabled={isLoading || !selectedDeployer} rightIcon={ isLoading ? ( - + ) : ( - + ) } > @@ -606,8 +604,6 @@ const Configure = () => {
{isAccountsDataReceived && isBalanceSufficient !== undefined ? ( !selectedAccount || !isBalanceSufficient ? ( @@ -653,7 +654,7 @@ const Configure = () => {

{balanceMessage !== undefined ? (

- +

{balanceMessage}

) : !selectedAccount ? ( diff --git a/packages/frontend/src/components/projects/create/ConnectAccount.tsx b/packages/frontend/src/components/projects/create/ConnectAccount.tsx index c8cf534f..028b8a64 100644 --- a/packages/frontend/src/components/projects/create/ConnectAccount.tsx +++ b/packages/frontend/src/components/projects/create/ConnectAccount.tsx @@ -3,18 +3,13 @@ import OauthPopup from 'react-oauth-popup'; import { useGQLClient } from '../../../context/GQLClientContext'; import { Button } from '../../shared/Button'; -import { - GitIcon, - EllipsesIcon, - GithubIcon, - GitTeaIcon, -} from '../../shared/CustomIcon'; -import { useToast } from '../../shared/Toast'; -import { IconWithFrame } from '../../shared/IconWithFrame'; -import { Heading } from '../../shared/Heading'; -import { MockConnectGitCard } from './MockConnectGitCard'; + +import { Github, GitBranch, MoreHorizontal } from 'lucide-react'; import { VITE_GITHUB_CLIENT_ID } from 'utils/constants'; -import { LaconicIcon } from 'components/shared/CustomIcon/LaconicIcon'; +import { Heading } from '../../shared/Heading'; +import { IconWithFrame } from '../../shared/IconWithFrame'; +import { useToast } from '../../shared/Toast'; +import { MockConnectGitCard } from './MockConnectGitCard'; const SCOPES = 'public_repo user'; const GITHUB_OAUTH_URL = `https://github.com/login/oauth/authorize?client_id=${VITE_GITHUB_CLIENT_ID}&scope=${encodeURIComponent(SCOPES)}`; @@ -50,11 +45,11 @@ const ConnectAccount: React.FC = ({
{/** Icons */}
- } hasHighlight={false} /> - + } hasHighlight={false} /> + } + icon={} hasHighlight={false} />
@@ -80,7 +75,7 @@ const ConnectAccount: React.FC = ({ > diff --git a/packages/frontend/src/components/projects/create/DeployStep.tsx b/packages/frontend/src/components/projects/create/DeployStep.tsx index 329bf918..fc9f8ab4 100644 --- a/packages/frontend/src/components/projects/create/DeployStep.tsx +++ b/packages/frontend/src/components/projects/create/DeployStep.tsx @@ -1,10 +1,6 @@ import { Stopwatch, setStopWatchOffset } from '../../StopWatch'; import { cn } from 'utils/classnames'; -import { - CheckRoundFilledIcon, - ClockOutlineIcon, - LoaderIcon, -} from 'components/shared/CustomIcon'; +import { Check, Clock, Loader2 } from 'lucide-react'; enum DeployStatus { PROCESSING = 'progress', @@ -36,7 +32,7 @@ const DeployStep = ({ step, status, title, startTime }: DeployStepsProps) => {
)} {status === DeployStatus.PROCESSING && ( - + )}
@@ -55,7 +51,7 @@ const DeployStep = ({ step, status, title, startTime }: DeployStepsProps) => { {/* Timer */} {status === DeployStatus.PROCESSING && (
- @@ -68,7 +64,7 @@ const DeployStep = ({ step, status, title, startTime }: DeployStepsProps) => { {status === DeployStatus.COMPLETE && (
- diff --git a/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx b/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx index df67468d..04e4c6e8 100644 --- a/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx +++ b/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx @@ -3,12 +3,7 @@ import { SegmentedControls } from 'components/shared/SegmentedControls'; import { useState } from 'react'; import { useMediaQuery } from 'usehooks-ts'; -import { - GithubIcon, - LockIcon, - TemplateIcon, - TemplateIconType, -} from 'components/shared/CustomIcon'; +import { Github, GitBranch, LayoutDashboard } from 'lucide-react'; import { relativeTimeISO } from 'utils/time'; import templates from 'assets/templates'; @@ -103,7 +98,7 @@ const MockProjectCard = ({
{/* Icon container */}
- +
{/* Content */}
@@ -117,7 +112,7 @@ const MockProjectCard = ({
{visibility === 'private' && (
- + Private
)} @@ -126,17 +121,13 @@ const MockProjectCard = ({ ); }; -const MockTemplateCard = ({ icon, name }: { icon: string; name: string }) => { +const MockTemplateCard = ({ name }: { name: string }) => { return ( -
- {/* Icon */} -
- -
- {/* Name */} -

- {name} -

+
+ +

{name}

); }; + +export { MockProjectCard, MockTemplateCard }; diff --git a/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx b/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx index 0ef3d4d1..6c8403f8 100644 --- a/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx +++ b/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx @@ -3,16 +3,12 @@ import { useNavigate, useParams } from 'react-router-dom'; import { Spinner } from '@snowballtools/material-tailwind-react-fork'; -import { relativeTimeISO } from 'utils/time'; -import { GitRepositoryDetails } from '../../../../types/types'; -import { useGQLClient } from 'context/GQLClientContext'; -import { - ArrowRightCircleIcon, - GithubIcon, - LockIcon, -} from 'components/shared/CustomIcon'; import { Button } from 'components/shared/Button'; import { useToast } from 'components/shared/Toast'; +import { useGQLClient } from 'context/GQLClientContext'; +import { ArrowRight, Github, Lock } from 'lucide-react'; +import { relativeTimeISO } from 'utils/time'; +import { GitRepositoryDetails } from '../../../../types/types'; interface ProjectRepoCardProps { repository: GitRepositoryDetails; @@ -50,7 +46,7 @@ export const ProjectRepoCard: React.FC = ({ > {/* Icon container */}
- +
{/* Content */}
@@ -64,7 +60,7 @@ export const ProjectRepoCard: React.FC = ({
{repository.visibility === 'private' && (
- + Private
)} @@ -79,7 +75,7 @@ export const ProjectRepoCard: React.FC = ({ iconOnly className="sm:group-hover:flex hidden absolute right-3" > - + )}
diff --git a/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx b/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx index 4fad05e6..8b4154bd 100644 --- a/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx +++ b/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx @@ -5,11 +5,10 @@ import { useDebounce } from 'usehooks-ts'; import { ProjectRepoCard } from 'components/projects/create/ProjectRepoCard'; import { GitOrgDetails, GitRepositoryDetails } from '../../../../types/types'; import { - ChevronGrabberHorizontal, - GithubIcon, - RefreshIcon, - SearchIcon, -} from 'components/shared/CustomIcon'; + Github, + RotateCw, + Search, +} from 'lucide-react'; import { Select, SelectOption } from 'components/shared/Select'; import { Input } from 'components/shared/Input'; import { Button } from 'components/shared/Button'; @@ -122,7 +121,7 @@ export const RepositoryList = () => { return accounts.map((account) => ({ label: account.login, value: account.login, - leftIcon: , + leftIcon: , })); }, [accounts]); @@ -135,8 +134,8 @@ export const RepositoryList = () => { options={options} placeholder="Select a repository" value={selectedAccount} - leftIcon={selectedAccount ? : undefined} - rightIcon={} + leftIcon={selectedAccount ? : undefined} + rightIcon={} onChange={(value) => setSelectedAccount(value as SelectOption)} />
@@ -145,7 +144,7 @@ export const RepositoryList = () => { className="w-full" value={searchedRepo} placeholder="Search for repository" - leftIcon={} + leftIcon={} onChange={(e) => setSearchedRepo(e.target.value)} />
@@ -171,7 +170,7 @@ export const RepositoryList = () => {

)}
diff --git a/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx b/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx index 28b4382f..39732ba9 100644 --- a/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx +++ b/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx @@ -21,14 +21,7 @@ import { } from 'components/shared'; import { Button } from 'components/shared/Button'; -import { - BranchStrokeIcon, - CheckRoundFilledIcon, - ClockOutlineIcon, - CommitIcon, - LoadingIcon, - WarningIcon, -} from 'components/shared/CustomIcon'; +import { GitBranch, Clock, CheckCircle, AlertTriangle } from 'lucide-react'; import { Heading } from 'components/shared/Heading'; import { OverflownText } from 'components/shared/OverflownText'; import { Tag } from 'components/shared/Tag'; @@ -73,14 +66,14 @@ const DeploymentDetailsCard = ({ status === DeploymentStatus.Building || status === DeploymentStatus.Deleting ) { - return ; + return
; } if (status === DeploymentStatus.Ready) { - return ; + return ; } if (status === DeploymentStatus.Error) { - return ; + return ; } }; @@ -164,13 +157,13 @@ const DeploymentDetailsCard = ({
- + {deployment.branch} - +
{deployment.commitHash.substring(0, SHORT_COMMIT_HASH_LENGTH)}{' '} {deployment.commitMessage} @@ -184,7 +177,7 @@ const DeploymentDetailsCard = ({
- + {relativeTimeMs(deployment.createdAt)} diff --git a/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx b/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx index 79e2e04d..d771b775 100644 --- a/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx +++ b/packages/frontend/src/components/projects/project/deployments/DeploymentDialogBodyCard.tsx @@ -3,10 +3,10 @@ import { Deployment } from 'gql-client'; import { relativeTimeMs } from 'utils/time'; import { SHORT_COMMIT_HASH_LENGTH } from '../../../../constants'; import { - BranchStrokeIcon, - ClockOutlineIcon, - CommitIcon, -} from 'components/shared/CustomIcon'; + GitBranch, + Clock, + GitCommit, +} from 'lucide-react'; import { Avatar } from 'components/shared/Avatar'; import { getInitials } from 'utils/geInitials'; import { OverflownText } from 'components/shared/OverflownText'; @@ -44,11 +44,11 @@ const DeploymentDialogBodyCard = ({ {/* Branch & commit */}
- +

{deployment.branch}

- +

{commit}

@@ -56,7 +56,7 @@ const DeploymentDialogBodyCard = ({
- +

{relativeTimeMs(deployment.createdAt)}

diff --git a/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx b/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx index cb87aa98..e2743050 100644 --- a/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx +++ b/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx @@ -1,4 +1,4 @@ -import { useState, ComponentPropsWithRef } from 'react'; +import { ComponentPropsWithRef, useState } from 'react'; import { Menu, @@ -7,21 +7,21 @@ import { MenuList, } from '@snowballtools/material-tailwind-react-fork'; -import { Deployment, Domain, Environment, Project } from 'gql-client'; -import { Button } from 'components/shared/Button'; -import { - HorizontalDotIcon, - LinkIcon, - RefreshIcon, - RocketIcon, - UndoIcon, - CrossCircleIcon, -} from 'components/shared/CustomIcon'; -import { useGQLClient } from 'context/GQLClientContext'; -import { cn } from 'utils/classnames'; import { ChangeStateToProductionDialog } from 'components/projects/Dialog/ChangeStateToProductionDialog'; -import { useToast } from 'components/shared/Toast'; import { DeleteDeploymentDialog } from 'components/projects/Dialog/DeleteDeploymentDialog'; +import { Button } from 'components/shared/Button'; +import { useToast } from 'components/shared/Toast'; +import { useGQLClient } from 'context/GQLClientContext'; +import { Deployment, Domain, Environment, Project } from 'gql-client'; +import { + Link, + MoreHorizontal, + Rocket, + RotateCw, + Trash2, + Undo +} from 'lucide-react'; +import { cn } from 'utils/classnames'; interface DeploymentMenuProps extends ComponentPropsWithRef<'div'> { deployment: Deployment; @@ -157,7 +157,7 @@ export const DeploymentMenu = ({ 'h-8 w-8 rounded-full border border-transparent transition-colors background-transparent', '[&[aria-expanded=true]]:border [&[aria-expanded=true]]:border-border-interactive [&[aria-expanded=true]]:bg-controls-tertiary [&[aria-expanded=true]]:shadow-button', )} - leftIcon={} + leftIcon={} aria-label="Toggle Menu" /> @@ -172,7 +172,7 @@ export const DeploymentMenu = ({ target="_blank" rel="noreferrer" > - Visit + Visit setChangeToProduction(!changeToProduction)} disabled={!(deployment.environment !== Environment.Production)} > - Change to production + Change to production
- Redeploy to production + Redeploy - Rollback to this version + Rollback setDeleteDeploymentDialog((preVal) => !preVal)} > - Delete deployment + Delete deployment
diff --git a/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx b/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx index e63eac4c..d6fe85e8 100644 --- a/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx +++ b/packages/frontend/src/components/projects/project/deployments/FilterForm.tsx @@ -1,16 +1,16 @@ import { useEffect, useState } from 'react'; -import { Input } from 'components/shared/Input'; -import { - CheckRadioOutlineIcon, - CrossCircleIcon, - LoaderIcon, - SearchIcon, - TrendingIcon, - WarningTriangleIcon, -} from 'components/shared/CustomIcon'; import { DatePicker } from 'components/shared/DatePicker'; +import { Input } from 'components/shared/Input'; import { Select, SelectOption } from 'components/shared/Select'; +import { + AlertTriangle, + CheckCircle, + Loader2, + Search, + TrendingUp, + X +} from 'lucide-react'; import { Value } from 'types/vendor'; export enum StatusOptions { @@ -53,14 +53,14 @@ const FilterForm = ({ value, onChange }: FilterFormProps) => { const getOptionIcon = (status: StatusOptions) => { switch (status) { case StatusOptions.BUILDING: - return ; + return ; case StatusOptions.READY: - return ; + return ; case StatusOptions.ERROR: - return ; + return ; case StatusOptions.ALL_STATUS: default: - return ; + return ; } }; @@ -79,9 +79,9 @@ const FilterForm = ({ value, onChange }: FilterFormProps) => {
} + leftIcon={} rightIcon={ - searchedBranch && + searchedBranch && } value={searchedBranch} onChange={(e) => setSearchedBranch(e.target.value)} diff --git a/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx b/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx index a8188270..44062175 100644 --- a/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx +++ b/packages/frontend/src/components/projects/project/overview/Activity/Activity.tsx @@ -2,7 +2,7 @@ import { GitCommitWithBranch } from '../../../../../types/types'; import { Heading } from 'components/shared/Heading'; import ActivityCard from './ActivityCard'; import { Button } from 'components/shared/Button'; -import { LoadingIcon } from 'components/shared/CustomIcon'; +import { Loader } from 'lucide-react'; export const Activity = ({ isLoading, @@ -22,7 +22,7 @@ export const Activity = ({
{isLoading ? (
- +
) : ( activities.map((activity, index) => { diff --git a/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx b/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx index 278a727c..f9a1eace 100644 --- a/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx +++ b/packages/frontend/src/components/projects/project/overview/Activity/ActivityCard.tsx @@ -2,10 +2,7 @@ import { Link } from 'react-router-dom'; import { GitCommitWithBranch } from '../../../../../types/types'; import { Avatar } from 'components/shared/Avatar'; import { Button } from 'components/shared/Button'; -import { - ArrowRightCircleFilledIcon, - BranchStrokeIcon, -} from 'components/shared/CustomIcon'; +import { Check, GitBranch } from 'lucide-react'; import { formatDistance } from 'date-fns'; import { getInitials } from 'utils/geInitials'; @@ -49,7 +46,7 @@ const ActivityCard = ({ activity }: ActivityCardProps) => {
- +
{ variant="unstyled" tabIndex={-1} className="p-0 text-elements-low-em group-focus-within:opacity-100 group-hover:opacity-100 opacity-0 transition-all" - leftIcon={} + leftIcon={} /> {/* Separator calc => 100% - 36px (avatar) - 12px (padding-left) - 8px (gap) diff --git a/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx b/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx index 61e1069a..63228a08 100644 --- a/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx +++ b/packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx @@ -9,10 +9,7 @@ import { } from '@mui/material'; import { Button, Heading, Tag } from 'components/shared'; -import { - CheckRoundFilledIcon, - LoadingIcon, -} from 'components/shared/CustomIcon'; +import { CheckCircle, Loader2 } from 'lucide-react'; import { useGQLClient } from 'context/GQLClientContext'; const WAIT_DURATION = 5000; @@ -36,9 +33,9 @@ export const AuctionCard = ({ project }: { project: Project }) => { const getIconByAuctionStatus = (status: string) => status === 'completed' ? ( - + ) : ( - + ); const checkAuctionStatus = useCallback(async () => { diff --git a/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx b/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx index 016e852b..affa66cc 100644 --- a/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx +++ b/packages/frontend/src/components/projects/project/settings/AddEnvironmentVariableRow.tsx @@ -2,7 +2,7 @@ import { UseFormRegister } from 'react-hook-form'; import { EnvironmentVariablesFormValues } from '../../../../types'; import { Button } from 'components/shared/Button'; -import { TrashIcon } from 'components/shared/CustomIcon'; +import { Trash } from 'lucide-react'; import { Input } from 'components/shared/Input'; interface AddEnvironmentVariableRowProps { @@ -35,7 +35,7 @@ const AddEnvironmentVariableRow = ({ })} />
); diff --git a/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx b/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx index 7fb24409..782a1ad0 100644 --- a/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx +++ b/packages/frontend/src/components/projects/project/settings/DisplayEnvironmentVariables.tsx @@ -3,10 +3,7 @@ import { Collapse } from '@snowballtools/material-tailwind-react-fork'; import EditEnvironmentVariableRow from './EditEnvironmentVariableRow'; import { Environment, EnvironmentVariable } from 'gql-client'; -import { - ChevronDownSmallIcon, - ChevronUpSmallIcon, -} from 'components/shared/CustomIcon'; +import { Eye, EyeOff } from 'lucide-react'; interface DisplayEnvironmentVariablesProps { environment: Environment; @@ -27,7 +24,7 @@ const DisplayEnvironmentVariables = ({ className="flex gap-4 p-2 dark:text-foreground" onClick={() => setOpenCollapse((cur) => !cur)} > - {openCollapse ? : } + {openCollapse ? : }
{environment}
{variables.length} variables
diff --git a/packages/frontend/src/components/projects/project/settings/DomainCard.tsx b/packages/frontend/src/components/projects/project/settings/DomainCard.tsx index 2fe0b05d..e17f9016 100644 --- a/packages/frontend/src/components/projects/project/settings/DomainCard.tsx +++ b/packages/frontend/src/components/projects/project/settings/DomainCard.tsx @@ -1,22 +1,23 @@ -import { useEffect, useState } from 'react'; import { DNSRecordAttributes, Domain, DomainStatus, Project } from 'gql-client'; +import { useEffect, useState } from 'react'; import { - Typography, + Card, Menu, MenuHandler, - MenuList, MenuItem, - Card, + MenuList, + Typography, } from '@snowballtools/material-tailwind-react-fork'; -import EditDomainDialog from './EditDomainDialog'; -import { useGQLClient } from 'context/GQLClientContext'; import { DeleteDomainDialog } from 'components/projects/Dialog/DeleteDomainDialog'; +import { Globe2 } from 'lucide-react'; import { useToast } from 'components/shared/Toast'; -import { GearIcon } from 'components/shared/CustomIcon'; -import { Heading } from 'components/shared/Heading'; +import { useGQLClient } from 'context/GQLClientContext'; +import EditDomainDialog from './EditDomainDialog'; + import { Button } from 'components/shared/Button'; +import { Heading } from 'components/shared/Heading'; import { useParams } from 'react-router-dom'; // NOTE: Commented code for verify domain functionality @@ -145,7 +146,7 @@ const DomainCard = ({ diff --git a/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx b/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx index 7f7a519e..8b75dc36 100644 --- a/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx +++ b/packages/frontend/src/components/projects/project/settings/EditEnvironmentVariableRow.tsx @@ -1,20 +1,13 @@ import { useCallback, useEffect, useState } from 'react'; import { useForm } from 'react-hook-form'; -import { useGQLClient } from 'context/GQLClientContext'; import { DeleteVariableDialog } from 'components/projects/Dialog/DeleteVariableDialog'; -import { Input } from 'components/shared/Input'; import { Button } from 'components/shared/Button'; -import { - CheckRoundFilledIcon, - CrossIcon, - EditBigIcon, - HideEyeOffIcon, - ShowEyeIcon, - TrashIcon, -} from 'components/shared/CustomIcon'; -import { EnvironmentVariable } from 'gql-client'; +import { Input } from 'components/shared/Input'; import { useToast } from 'components/shared/Toast'; +import { useGQLClient } from 'context/GQLClientContext'; +import { EnvironmentVariable } from 'gql-client'; +import { CheckCircle, Edit, Eye, EyeOff, Trash2, X } from 'lucide-react'; const ShowPasswordIcon = ({ handler, @@ -30,7 +23,7 @@ const ShowPasswordIcon = ({ }} className="cursor-pointer" > - {isVisible ? : } + {isVisible ? : } ); }; @@ -145,11 +138,7 @@ const EditEnvironmentVariableRow = ({ : setEdit((preVal) => !preVal); }} > - {edit ? ( - - ) : ( - - )} + {edit ? : }
- }> + }> Pending
diff --git a/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx b/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx index 24eedd16..78b026d9 100644 --- a/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx +++ b/packages/frontend/src/components/projects/project/settings/WebhookCard.tsx @@ -4,7 +4,8 @@ import { DeleteWebhookDialog } from 'components/projects/Dialog/DeleteWebhookDia import { Button } from 'components/shared/Button'; import { useToast } from 'components/shared/Toast'; import { Input } from 'components/shared/Input'; -import { CopyIcon, TrashIcon } from 'components/shared/CustomIcon'; +import { Copy } from 'lucide-react'; +import { X } from 'lucide-react'; interface WebhookCardProps { webhookUrl: string; @@ -32,7 +33,7 @@ const WebhookCard = ({ webhookUrl, onDelete }: WebhookCardProps) => { }); }} > - + + } onClick={() => handleChangeView('year')} > @@ -258,7 +258,7 @@ export const Calendar = ({ variant="unstyled" className={button()} rightIcon={ - + } onClick={() => handleChangeView('decade')} > diff --git a/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx b/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx index 12d2abbf..88ffdaec 100644 --- a/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx +++ b/packages/frontend/src/components/shared/Checkbox/Checkbox.tsx @@ -2,7 +2,7 @@ import * as CheckboxRadix from '@radix-ui/react-checkbox'; import { type CheckboxProps as CheckboxRadixProps } from '@radix-ui/react-checkbox'; import { getCheckboxVariant, type CheckboxVariants } from './Checkbox.theme'; -import { CheckIcon } from 'components/shared/CustomIcon'; +import { Check } from 'lucide-react'; interface CheckBoxProps extends CheckboxRadixProps, CheckboxVariants { /** @@ -59,7 +59,7 @@ export const Checkbox = ({ onCheckedChange={onCheckedChange} > - + {label && ( diff --git a/packages/frontend/src/components/shared/CustomIcon/AppleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/AppleIcon.tsx deleted file mode 100644 index edbcf430..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/AppleIcon.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const AppleIcon: React.FC = (props) => { - return ( - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ArrowLeftCircleFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ArrowLeftCircleFilledIcon.tsx deleted file mode 100644 index 285bfa98..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ArrowLeftCircleFilledIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ArrowLeftCircleFilledIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleFilledIcon.tsx deleted file mode 100644 index 3782a9d2..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleFilledIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ArrowRightCircleFilledIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleIcon.tsx deleted file mode 100644 index c1e19a09..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ArrowRightCircleIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ArrowRightCircleIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/BranchIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/BranchIcon.tsx deleted file mode 100644 index 42b32afd..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/BranchIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const BranchIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/BranchStrokeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/BranchStrokeIcon.tsx deleted file mode 100644 index 4ccb3590..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/BranchStrokeIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const BranchStrokeIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/BuildingIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/BuildingIcon.tsx deleted file mode 100644 index 37cde199..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/BuildingIcon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const BuildingIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CalendarDaysIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CalendarDaysIcon.tsx deleted file mode 100644 index c15be87a..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CalendarDaysIcon.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CalendarDaysIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx deleted file mode 100644 index 4caf93e3..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CalendarIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CalendarIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckIcon.tsx deleted file mode 100644 index e873b96a..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CheckIcon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CheckIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx deleted file mode 100644 index def78b74..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CheckRadioIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx deleted file mode 100644 index dd914b7c..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CheckRadioOutlineIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CheckRadioOutlineIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRoundFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRoundFilledIcon.tsx deleted file mode 100644 index 3ec506c6..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CheckRoundFilledIcon.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CheckRoundFilledIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronDoubleDownIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronDoubleDownIcon.tsx deleted file mode 100644 index a604e71a..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronDoubleDownIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronDoubleDownIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx deleted file mode 100644 index 6b85cdfc..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronDownIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronDownSmallIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronDownSmallIcon.tsx deleted file mode 100644 index 00ae9acf..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronDownSmallIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronDownSmallIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronGrabberHorizontal.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronGrabberHorizontal.tsx deleted file mode 100644 index c9a12c79..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronGrabberHorizontal.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronGrabberHorizontal = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronLeft.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronLeft.tsx deleted file mode 100644 index 2cf5ef20..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronLeft.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronLeft = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronRight.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronRight.tsx deleted file mode 100644 index 95823c69..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronRight.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronRight = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronUpDown.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronUpDown.tsx deleted file mode 100644 index b49816fd..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronUpDown.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronUpDown = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronUpSmallIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronUpSmallIcon.tsx deleted file mode 100644 index 0e98803a..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ChevronUpSmallIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ChevronUpSmallIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx deleted file mode 100644 index 7858d8c0..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CirclePlaceholderOnIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CirclePlaceholderOnIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ClockIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ClockIcon.tsx deleted file mode 100644 index 911d5859..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ClockIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ClockIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ClockOutlineIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ClockOutlineIcon.tsx deleted file mode 100644 index adc706b1..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ClockOutlineIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ClockOutlineIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CollaboratorsIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CollaboratorsIcon.tsx deleted file mode 100644 index 482d82ac..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CollaboratorsIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CollaboratorsIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CommitIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CommitIcon.tsx deleted file mode 100644 index cc58413e..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CommitIcon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CommitIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CopyIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CopyIcon.tsx deleted file mode 100644 index a10049c7..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CopyIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CopyIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CopyUnfilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CopyUnfilledIcon.tsx deleted file mode 100644 index 191fc992..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CopyUnfilledIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CopyUnfilledIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CrossCircleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CrossCircleIcon.tsx deleted file mode 100644 index d613684b..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CrossCircleIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CrossCircleIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CrossIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CrossIcon.tsx deleted file mode 100644 index 13f260c9..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CrossIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CrossIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CursorBoxIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CursorBoxIcon.tsx deleted file mode 100644 index 59334259..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CursorBoxIcon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const CursorBoxIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/CustomIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CustomIcon.tsx deleted file mode 100644 index 9e7e3d44..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/CustomIcon.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { ComponentPropsWithoutRef } from 'react'; - -export interface CustomIconProps extends ComponentPropsWithoutRef<'svg'> { - size?: number | string; // width and height will both be set as the same value - name?: string; -} - -export const CustomIcon = ({ - children, - width = 24, - height = 24, - size, - viewBox = '0 0 24 24', - name, - ...rest -}: CustomIconProps) => { - return ( - - {children} - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/EditBigIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/EditBigIcon.tsx deleted file mode 100644 index 0e69acef..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/EditBigIcon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const EditBigIcon: React.FC = (props) => { - return ( - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/EllipseIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/EllipseIcon.tsx deleted file mode 100644 index 6fdc5cbe..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/EllipseIcon.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const EllipseIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/EllipsesIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/EllipsesIcon.tsx deleted file mode 100644 index b9500a71..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/EllipsesIcon.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; -import { EllipseIcon } from './EllipseIcon'; - -export const EllipsesIcon: React.FC = (props) => { - return ( - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/FolderIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/FolderIcon.tsx deleted file mode 100644 index 022ac811..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/FolderIcon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const FolderIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx deleted file mode 100644 index 31192fb7..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GearIcon = (props: CustomIconProps) => { - return ( - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GitHubLogoIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GitHubLogoIcon.tsx deleted file mode 100644 index 3793e04f..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GitHubLogoIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GithubLogoIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GitIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GitIcon.tsx deleted file mode 100644 index 5419f6bf..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GitIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GitIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GitTeaIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GitTeaIcon.tsx deleted file mode 100644 index 2939ceba..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GitTeaIcon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GitTeaIcon: React.FC = (props) => { - return ( - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GithubIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GithubIcon.tsx deleted file mode 100644 index f6a3c227..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GithubIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GithubIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GithubStrokeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GithubStrokeIcon.tsx deleted file mode 100644 index 30a142b0..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GithubStrokeIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GithubStrokeIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GlobeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GlobeIcon.tsx deleted file mode 100644 index 1aa97335..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GlobeIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GlobeIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/GoogleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/GoogleIcon.tsx deleted file mode 100644 index ef281ef3..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/GoogleIcon.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const GoogleIcon: React.FC = (props) => { - return ( - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/HideEyeOffIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/HideEyeOffIcon.tsx deleted file mode 100644 index dd95373f..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/HideEyeOffIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const HideEyeOffIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/HorizontalDotIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/HorizontalDotIcon.tsx deleted file mode 100644 index 6c98903f..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/HorizontalDotIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const HorizontalDotIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/InfoRoundFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/InfoRoundFilledIcon.tsx deleted file mode 100644 index 44511f8f..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/InfoRoundFilledIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const InfoRoundFilledIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/InfoSquareIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/InfoSquareIcon.tsx deleted file mode 100644 index 3b8e6769..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/InfoSquareIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const InfoSquareIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/KeyIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/KeyIcon.tsx deleted file mode 100644 index eceb71db..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/KeyIcon.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const KeyIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/LifeBuoyIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LifeBuoyIcon.tsx deleted file mode 100644 index aa5f3f0a..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/LifeBuoyIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const LifeBuoyIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/LinkChainIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LinkChainIcon.tsx deleted file mode 100644 index 3abcd41b..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/LinkChainIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const LinkChainIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/LinkIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LinkIcon.tsx deleted file mode 100644 index cd459259..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/LinkIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const LinkIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/LoaderIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LoaderIcon.tsx deleted file mode 100644 index 22dd6a90..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/LoaderIcon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const LoaderIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/LoadingIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LoadingIcon.tsx deleted file mode 100644 index 58f80a90..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/LoadingIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const LoadingIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/LockIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LockIcon.tsx deleted file mode 100644 index 0a20f967..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/LockIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const LockIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/LogoutIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/LogoutIcon.tsx deleted file mode 100644 index 292cd9b5..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/LogoutIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const LogoutIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/MenuIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/MenuIcon.tsx deleted file mode 100644 index f1335c03..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/MenuIcon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const MenuIcon = (props: CustomIconProps) => { - return ( - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/MinusCircleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/MinusCircleIcon.tsx deleted file mode 100644 index bd631313..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/MinusCircleIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const MinusCircleIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/NotificationBellIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/NotificationBellIcon.tsx deleted file mode 100644 index 2e60bb0e..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/NotificationBellIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const NotificationBellIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx deleted file mode 100644 index aefe8fde..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const PencilIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/PlusIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/PlusIcon.tsx deleted file mode 100644 index bbebef53..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/PlusIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const PlusIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundFilledIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundFilledIcon.tsx deleted file mode 100644 index 1fb707a9..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundFilledIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const QuestionMarkRoundFilledIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundIcon.tsx deleted file mode 100644 index 5aa25fe9..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/QuestionMarkRoundIcon.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const QuestionMarkRoundIcon = (props: CustomIconProps) => { - return ( - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/README.md b/packages/frontend/src/components/shared/CustomIcon/README.md deleted file mode 100644 index d7e8b3d1..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/README.md +++ /dev/null @@ -1,24 +0,0 @@ -# 1. What icons are compatible with this component? - -- Viewbox "0 0 24 24": From where you're exporting from, please make sure the icon is using viewBox="0 0 24 24" before downloading/exporting. Not doing so will result in incorrect icon scaling - -# 2. How to add a new icon? - -**2.1 Sanitising the icon** - -1. Duplicate a current icon e.g. CrossIcon and rename it accordingly. -2. Rename the function inside the new file you duplicated too -3. Replace the markup with your SVG markup (make sure it complies with the above section's rule) -4. Depending on the svg you pasted... - A. If the `` has only 1 child, remove the `` parent entirely so you only have the path left - B. If your component has more than 1 paths, rename `` tag with the `` tag. Then, remove all attributes of this `` tag so that it's just `` -5. Usually, icons are single colored. If that's the case, replace all fill/stroke color with `currentColor`. E.g. . Leave the other attributes without removing them. -6. If your icon has more than one colour, then it's up to you to decide whether we want to use tailwind to help set the fill and stroke colors -7. Lastly, export your icon in `index.ts` by following what was done for CrossIcon -8. Make sure to provide a name to the `` component for accessibility sake -9. Done! - -**2.3 Use your newly imported icon** - -1. You can change simply use `` to quickly change both width and height with the same value (square). For custom viewBox, width and height, simply provide all three props. -2. Coloring the icon: Simply add a className with text color. E.g. `` diff --git a/packages/frontend/src/components/shared/CustomIcon/RefreshIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/RefreshIcon.tsx deleted file mode 100644 index f9b15001..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/RefreshIcon.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const RefreshIcon = (props: CustomIconProps) => { - return ( - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/RocketIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/RocketIcon.tsx deleted file mode 100644 index 01710097..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/RocketIcon.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const RocketIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/SearchIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SearchIcon.tsx deleted file mode 100644 index 45aca2b0..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/SearchIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const SearchIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/SettingsSlidersIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SettingsSlidersIcon.tsx deleted file mode 100644 index 6eae13b5..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/SettingsSlidersIcon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const SettingsSlidersIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ShowEyeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ShowEyeIcon.tsx deleted file mode 100644 index 17aa1744..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/ShowEyeIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const ShowEyeIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/SnowballIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SnowballIcon.tsx deleted file mode 100644 index 27faa03a..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/SnowballIcon.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const SnowballIcon: React.FC = (props) => { - return ( - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/StorageIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/StorageIcon.tsx deleted file mode 100644 index 27218aef..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/StorageIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const StorageIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/SwitchIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/SwitchIcon.tsx deleted file mode 100644 index 430b09fc..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/SwitchIcon.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const SwitchIcon = (props: CustomIconProps) => { - return ( - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/TrashIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/TrashIcon.tsx deleted file mode 100644 index 81da7fec..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/TrashIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const TrashIcon: React.FC = (props) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx deleted file mode 100644 index ba851959..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/TrendingIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const TrendingIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/UndoIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/UndoIcon.tsx deleted file mode 100644 index 0b260fc8..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/UndoIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const UndoIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/WarningDiamondIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/WarningDiamondIcon.tsx deleted file mode 100644 index 071ff81c..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/WarningDiamondIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const WarningDiamondIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/WarningIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/WarningIcon.tsx deleted file mode 100644 index 1175330b..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/WarningIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const WarningIcon = (props: CustomIconProps) => { - return ( - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx deleted file mode 100644 index 54992d81..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/WarningTriangleIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; - -export const WarningTriangleIcon = (props: CustomIconProps) => { - return ( - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/index.ts b/packages/frontend/src/components/shared/CustomIcon/index.ts deleted file mode 100644 index 2a7feddf..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/index.ts +++ /dev/null @@ -1,81 +0,0 @@ -export * from './PlusIcon'; -export * from './CustomIcon'; -export * from './CheckIcon'; -export * from './ChevronGrabberHorizontal'; -export * from './ChevronLeft'; -export * from './ChevronRight'; -export * from './ChevronUpDown'; -export * from './InfoSquareIcon'; -export * from './WarningIcon'; -export * from './SearchIcon'; -export * from './CrossIcon'; -export * from './GlobeIcon'; -export * from './CalendarIcon'; -export * from './CheckRoundFilledIcon'; -export * from './InfoRoundFilledIcon'; -export * from './LoadingIcon'; -export * from './FolderIcon'; -export * from './SettingsSlidersIcon'; -export * from './LifeBuoyIcon'; -export * from './QuestionMarkRoundIcon'; -export * from './QuestionMarkRoundFilledIcon'; -export * from './GitIcon'; -export * from './EllipseIcon'; -export * from './EllipsesIcon'; -export * from './SnowballIcon'; -export * from './NotificationBellIcon'; -export * from './GithubIcon'; -export * from './GitTeaIcon'; -export * from './LockIcon'; -export * from './PencilIcon'; -export * from './BuildingIcon'; -export * from './CheckRadioIcon'; -export * from './ChevronDownIcon'; -export * from './BranchIcon'; -export * from './GitHubLogoIcon'; -export * from './ClockIcon'; -export * from './HorizontalDotIcon'; -export * from './WarningDiamondIcon'; -export * from './ArrowRightCircleIcon'; -export * from './ClockOutlineIcon'; -export * from './ArrowRightCircleFilledIcon'; -export * from './ArrowLeftCircleFilledIcon'; -export * from './GithubStrokeIcon'; -export * from './BranchStrokeIcon'; -export * from './StorageIcon'; -export * from './LinkIcon'; -export * from './LinkChainIcon'; -export * from './CursorBoxIcon'; -export * from './CrossCircleIcon'; -export * from './RefreshIcon'; -export * from './CommitIcon'; -export * from './RocketIcon'; -export * from './RefreshIcon'; -export * from './UndoIcon'; -export * from './LoaderIcon'; -export * from './MinusCircleIcon'; -export * from './CopyIcon'; -export * from './MenuIcon'; -export * from './LogoutIcon'; -export * from './CirclePlaceholderOnIcon'; -export * from './WarningTriangleIcon'; -export * from './CheckRadioOutlineIcon'; -export * from './TrendingIcon'; -export * from './ChevronDoubleDownIcon'; -export * from './GearIcon'; -export * from './AppleIcon'; -export * from './CalendarDaysIcon'; -export * from './GoogleIcon'; -export * from './KeyIcon'; -export * from './TrashIcon'; -export * from './CopyUnfilledIcon'; -export * from './SwitchIcon'; -export * from './CollaboratorsIcon'; -export * from './ChevronUpSmallIcon'; -export * from './ChevronDownSmallIcon'; -export * from './EditBigIcon'; -export * from './ShowEyeIcon'; -export * from './HideEyeOffIcon'; - -// Templates -export * from './templates'; diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/KotlinIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/KotlinIcon.tsx deleted file mode 100644 index bcdd4612..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/templates/KotlinIcon.tsx +++ /dev/null @@ -1,129 +0,0 @@ -import { CustomIcon, CustomIconProps } from '../CustomIcon'; - -export const KotlinIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/PWAIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/PWAIcon.tsx deleted file mode 100644 index 9bd6e090..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/templates/PWAIcon.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import { CustomIcon, CustomIconProps } from '../CustomIcon'; - -export const PWAIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/ReactNativeIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/ReactNativeIcon.tsx deleted file mode 100644 index 6e457048..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/templates/ReactNativeIcon.tsx +++ /dev/null @@ -1,97 +0,0 @@ -import { CustomIcon, CustomIconProps } from '../CustomIcon'; - -export const ReactNativeIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/SwiftIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/SwiftIcon.tsx deleted file mode 100644 index 50590bd2..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/templates/SwiftIcon.tsx +++ /dev/null @@ -1,101 +0,0 @@ -import { CustomIcon, CustomIconProps } from '../CustomIcon'; - -export const SwitfIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx deleted file mode 100644 index 9cf799c2..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { useMemo } from 'react'; -import { CustomIconProps } from '../CustomIcon'; -import { cloneIcon } from 'utils/cloneIcon'; -import { PWAIcon } from './PWAIcon'; -import { WebAppIcon } from './WebAppIcon'; - -const TEMPLATE_ICONS = ['pwa', 'web'] as const; -export type TemplateIconType = (typeof TEMPLATE_ICONS)[number]; - -export interface TemplateIconProps extends CustomIconProps { - type: TemplateIconType; -} - -export const TemplateIcon = ({ type, ...props }: TemplateIconProps) => { - const renderIcon = useMemo(() => { - switch (type) { - case 'pwa': - return ; - case 'web': - return ; - default: - throw new Error(`Invalid template icon type: ${type}`); - } - }, [type]); - - return cloneIcon(renderIcon, props) as JSX.Element; -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/WebAppIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/templates/WebAppIcon.tsx deleted file mode 100644 index 2a1c7eb9..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/templates/WebAppIcon.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import { CustomIcon, CustomIconProps } from '../CustomIcon'; - -export const WebAppIcon = (props: CustomIconProps) => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - ); -}; diff --git a/packages/frontend/src/components/shared/CustomIcon/templates/index.ts b/packages/frontend/src/components/shared/CustomIcon/templates/index.ts deleted file mode 100644 index e2879355..00000000 --- a/packages/frontend/src/components/shared/CustomIcon/templates/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './TemplateIcon'; diff --git a/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx b/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx index 804c3cc2..f4c7bd9a 100644 --- a/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx +++ b/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx @@ -2,11 +2,8 @@ import { useCallback, useMemo, useState } from 'react'; import { Input, InputProps } from 'components/shared/Input'; import * as Popover from '@radix-ui/react-popover'; import { datePickerTheme } from './DatePicker.theme'; -import { Calendar, CalendarProps } from 'components/shared/Calendar'; -import { - CalendarIcon, - ChevronGrabberHorizontal, -} from 'components/shared/CustomIcon'; +import { Calendar as CalendarComponent, CalendarProps } from 'components/shared/Calendar'; +import { Calendar, GripHorizontal } from 'lucide-react'; import { format } from 'date-fns'; import { Value } from 'types/vendor'; @@ -89,8 +86,8 @@ export const DatePicker = ({
{state && - cloneIcon(, { + cloneIcon(, { 'aria-hidden': true, })}

{helperText}

diff --git a/packages/frontend/src/components/shared/CustomIcon/LaconicIcon.tsx b/packages/frontend/src/components/shared/LaconicIcon.tsx similarity index 85% rename from packages/frontend/src/components/shared/CustomIcon/LaconicIcon.tsx rename to packages/frontend/src/components/shared/LaconicIcon.tsx index c87b62f2..91af0baa 100644 --- a/packages/frontend/src/components/shared/CustomIcon/LaconicIcon.tsx +++ b/packages/frontend/src/components/shared/LaconicIcon.tsx @@ -1,8 +1,8 @@ -import { CustomIcon, CustomIconProps } from './CustomIcon'; +import { Snowflake } from 'lucide-react'; -export const LaconicIcon: React.FC = (props) => { +export const LaconicIcon: React.FC = (props) => { return ( - = (props) => { d="M16.0494 24.6233C18.8425 21.8302 20.5713 17.973 20.5706 13.7142C20.5717 13.1361 20.5396 12.5645 20.4762 12L12 12.0008L12.0003 28.2867C11.9996 30.2608 12.7522 32.2356 14.2578 33.7411C15.7633 35.2466 17.7395 36.0001 19.7139 35.9991L19.7134 35.9996L36 36L35.9995 27.5227C35.4362 27.4605 34.8645 27.4285 34.2852 27.4284C30.0275 27.4289 26.1701 29.1577 23.377 31.9507C21.3446 33.9321 18.0858 33.9325 16.0785 31.9252C14.0722 29.9191 14.0715 26.6593 16.0494 24.6233ZM34.2419 13.7624C31.9012 11.4217 28.0982 11.4208 25.7566 13.7624C23.4151 16.1038 23.4159 19.9067 25.7566 22.2473C28.0986 24.5892 31.9004 24.5889 34.2419 22.2473C36.5835 19.9059 36.5839 16.1042 34.2419 13.7624Z" fill="#FBFBFB" /> - + ); }; diff --git a/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx b/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx index ec6388e2..0588df1c 100644 --- a/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx +++ b/packages/frontend/src/components/shared/Modal/ModalContent/ModalContent.tsx @@ -4,7 +4,7 @@ import { Ref, forwardRef, type PropsWithChildren } from 'react'; import { useModal } from 'components/shared/Modal/ModalProvider'; import { modalTheme } from 'components/shared/Modal/Modal.theme'; import { Button } from 'components/shared/Button'; -import { CrossIcon } from 'components/shared/CustomIcon'; +import { X } from 'lucide-react'; type PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent; @@ -46,7 +46,7 @@ const ModalContent = forwardRef( iconOnly variant="tertiary" > - + )} diff --git a/packages/frontend/src/components/shared/Select/Select.tsx b/packages/frontend/src/components/shared/Select/Select.tsx index c84a44a3..f29a4b8e 100644 --- a/packages/frontend/src/components/shared/Select/Select.tsx +++ b/packages/frontend/src/components/shared/Select/Select.tsx @@ -10,10 +10,9 @@ import { import { useMultipleSelection, useCombobox } from 'downshift'; import { SelectTheme, selectTheme } from './Select.theme'; import { - ChevronGrabberHorizontal, - CrossCircleIcon, - WarningIcon, -} from 'components/shared/CustomIcon'; + ChevronDown, + X, +} from 'lucide-react'; import { cloneIcon } from 'utils/cloneIcon'; import { cn } from 'utils/classnames'; import { SelectItem, EmptySelectItem } from './SelectItem'; @@ -293,7 +292,7 @@ export const Select = ({ return (
{clearable && (selectedItems.length > 0 || selectedItem) && ( - @@ -301,7 +300,7 @@ export const Select = ({ {rightIcon ? ( cloneIcon(rightIcon, { className: theme.icon(), 'aria-hidden': true }) ) : ( - + )}
); @@ -312,7 +311,7 @@ export const Select = ({ return (
{error && - cloneIcon(, { + cloneIcon(, { 'aria-hidden': true, })}

{helperText}

diff --git a/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx b/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx index e94cc32f..3ab2e3e8 100644 --- a/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx +++ b/packages/frontend/src/components/shared/Select/SelectItem/SelectItem.tsx @@ -4,7 +4,7 @@ import { SelectOption, SelectOrientation } from 'components/shared/Select'; import { selectItemTheme, SelectItemTheme } from './SelectItem.theme'; import { cloneIcon } from 'utils/cloneIcon'; import { cn } from 'utils/classnames'; -import { CheckRadioIcon } from 'components/shared/CustomIcon'; +import { Check } from 'lucide-react'; import { OmitCommon } from 'types/common'; /** @@ -42,7 +42,7 @@ const SelectItem = forwardRef( return cloneIcon(rightIcon, { className: theme.icon() }); } else if (selected) { return ( - ); diff --git a/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx b/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx index 72f1f58a..cb6cff89 100644 --- a/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx +++ b/packages/frontend/src/components/shared/Select/SelectValue/SelectValue.tsx @@ -7,7 +7,7 @@ import { SelectValueTheme, selectValueTheme } from './SelectValue.theme'; import { OmitCommon } from 'types/common'; import { SelectOption } from 'components/shared/Select'; import { Button } from 'components/shared/Button'; -import { CrossIcon } from 'components/shared/CustomIcon'; +import { X } from 'lucide-react'; type MergedComponentPropsWithoutRef = OmitCommon< ComponentPropsWithoutRef<'span'>, @@ -48,7 +48,7 @@ const SelectValue = forwardRef( variant="unstyled" size="xs" > - + ); diff --git a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx index 490c8989..04f32e73 100644 --- a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx +++ b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx @@ -5,9 +5,9 @@ import { motion } from 'framer-motion'; import { useGQLClient } from 'context/GQLClientContext'; import { - LifeBuoyIcon, - QuestionMarkRoundIcon, -} from 'components/shared/CustomIcon'; + LifeBuoy, + HelpCircle, +} from 'lucide-react'; import { Tabs } from 'components/shared/Tabs'; import { Logo } from 'components/Logo'; import { Avatar } from 'components/shared/Avatar'; @@ -66,7 +66,7 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => { {/* // TODO: use proper link buttons */} - } value=""> + } value=""> { DOCUMENTATION - } value=""> + } value=""> [ { title: 'Projects', url: `/${orgSlug}/`, - icon: , + icon: , }, { title: 'Settings', url: `/${orgSlug}/settings`, - icon: , + icon: , }, ]; diff --git a/packages/frontend/src/components/shared/Steps/Step/Step.tsx b/packages/frontend/src/components/shared/Steps/Step/Step.tsx index 458a97d1..d251189d 100644 --- a/packages/frontend/src/components/shared/Steps/Step/Step.tsx +++ b/packages/frontend/src/components/shared/Steps/Step/Step.tsx @@ -1,9 +1,6 @@ import { useCallback, ComponentPropsWithoutRef } from 'react'; import { stepTheme, StepTheme } from './Step.theme'; -import { - CheckRoundFilledIcon, - ChevronRight, -} from 'components/shared/CustomIcon'; +import { Check, ChevronRight as ChevronRightIcon } from 'lucide-react'; export interface StepProps extends ComponentPropsWithoutRef<'li'>, StepTheme { /** @@ -40,7 +37,7 @@ export const Step = ({ return (
- {orientation === 'horizontal' && } + {orientation === 'horizontal' && }
); }, @@ -54,7 +51,7 @@ export const Step = ({ {
{completed ? ( - + ) : ( index )} diff --git a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx index 807eee14..c18277f8 100644 --- a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx +++ b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx @@ -4,12 +4,12 @@ import { ToastProps } from '@radix-ui/react-toast'; import { motion } from 'framer-motion'; import { simpleToastTheme, type SimpleToastTheme } from './SimpleToast.theme'; import { - LoadingIcon, - CheckRoundFilledIcon, - CrossIcon, - InfoRoundFilledIcon, - WarningIcon, -} from 'components/shared/CustomIcon'; + Loader2, + CheckCircle, + X, + InfoIcon, + AlertTriangle, +} from 'lucide-react'; import { Button, type ButtonOrLinkProps } from 'components/shared/Button'; import { cloneIcon } from 'utils/cloneIcon'; @@ -42,11 +42,11 @@ export const SimpleToast = ({ } = simpleToastTheme({ variant }); const Icon = useMemo(() => { - if (variant === 'success') return ; - if (variant === 'error') return ; - if (variant === 'warning') return ; - if (variant === 'info') return ; - return ; // variant === 'loading' + if (variant === 'success') return ; + if (variant === 'error') return ; + if (variant === 'warning') return ; + if (variant === 'info') return ; + return ; // variant === 'loading' }, [variant]); const renderCta = useMemo(() => { @@ -65,7 +65,7 @@ export const SimpleToast = ({ const renderCloseButton = useMemo( () => (
onDismiss(id)} className={closeIconCls()}> - +
), [id], diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx index c4a95c10..8ae59f47 100644 --- a/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx +++ b/packages/frontend/src/components/shared/UserSelect/UserSelect.tsx @@ -3,11 +3,7 @@ import { useNavigate } from 'react-router-dom'; import { useSelect } from 'downshift'; import { UserSelectTheme, userSelectTheme } from './UserSelect.theme'; import { EmptyUserSelectItem, UserSelectItem } from './UserSelectItem'; -import { - BuildingIcon, - ChevronUpDown, - SettingsSlidersIcon, -} from 'components/shared/CustomIcon'; +import { Search, ChevronsUpDown, Settings } from 'lucide-react'; import { WavyBorder } from 'components/shared/WavyBorder'; import { cn } from 'utils/classnames'; @@ -131,7 +127,7 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
- +
@@ -150,7 +146,7 @@ export const UserSelect = ({ options, value }: UserSelectProps) => { {/* Settings header */}
- +

Other teams

{ onClick={handleManage} >

Manage

- +
diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx index c7859918..15780004 100644 --- a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx +++ b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx @@ -1,12 +1,12 @@ -import { forwardRef, ComponentPropsWithoutRef } from 'react'; +import { UserSelectOption } from 'components/shared/UserSelect'; import { Overwrite, UseComboboxGetItemPropsReturnValue } from 'downshift'; +import { User } from 'lucide-react'; +import { ComponentPropsWithoutRef, forwardRef } from 'react'; +import { OmitCommon } from 'types/common'; import { userSelectItemTheme, UserSelectItemTheme, } from './UserSelectItem.theme'; -import { CheckRadioIcon } from 'components/shared/CustomIcon'; -import { UserSelectOption } from 'components/shared/UserSelect'; -import { OmitCommon } from 'types/common'; /** * Represents a type that merges ComponentPropsWithoutRef<'li'> with certain exclusions. @@ -32,7 +32,8 @@ const UserSelectItem = forwardRef( ({ className, selected, hovered, option, ...props }, ref) => { const theme = userSelectItemTheme(); - const { value, label, imgSrc = './logo.svg' } = option; + // const { value, label, imgSrc = './logo.svg' } = option; + const { label } = option; return (
  • ( className={theme.wrapper({ className, active: selected || hovered })} >
    - {`${value}-logo`} +

    {label}

    - {selected && } + {selected && }
    • ); }, diff --git a/packages/frontend/src/layouts/ProjectSearch.tsx b/packages/frontend/src/layouts/ProjectSearch.tsx index 15cec822..8e3a1f06 100644 --- a/packages/frontend/src/layouts/ProjectSearch.tsx +++ b/packages/frontend/src/layouts/ProjectSearch.tsx @@ -5,7 +5,7 @@ import { Outlet, useNavigate } from 'react-router-dom'; import HorizontalLine from 'components/HorizontalLine'; import { ProjectSearchBar } from 'components/projects/ProjectSearchBar'; import { Button } from 'components/shared/Button'; -import { NotificationBellIcon, PlusIcon } from 'components/shared/CustomIcon'; +import { Plus, Bell } from 'lucide-react'; import { useGQLClient } from 'context/GQLClientContext'; import { formatAddress } from 'utils/format'; @@ -55,10 +55,10 @@ const ProjectSearch = () => { }); }} > - + {user?.name && (

    diff --git a/packages/frontend/src/pages/auth/Done.tsx b/packages/frontend/src/pages/auth/Done.tsx index a60b91fe..72646cb3 100644 --- a/packages/frontend/src/pages/auth/Done.tsx +++ b/packages/frontend/src/pages/auth/Done.tsx @@ -1,8 +1,5 @@ import { Button } from 'components/shared/Button'; -import { - ArrowRightCircleFilledIcon, - CheckRoundFilledIcon, -} from 'components/shared/CustomIcon'; +import { CheckCircle, ArrowRight } from 'lucide-react'; import { WavyBorder } from 'components/shared/WavyBorder'; type Props = { @@ -13,7 +10,7 @@ export const Done = ({ continueTo }: Props) => {

    - +
    @@ -28,7 +25,7 @@ export const Done = ({ continueTo }: Props) => {
    ))}
    @@ -53,8 +53,8 @@ export const renderLinks = () => { @@ -65,19 +65,19 @@ export const renderDisabledButtons = () => { return ( <> {/* Button variants */} - {/* Icon only variants */} {/* Link variantws */} diff --git a/packages/frontend/src/pages/components/renders/dropdown.tsx b/packages/frontend/src/pages/components/renders/dropdown.tsx index 4da4a0bc..ef7d60db 100644 --- a/packages/frontend/src/pages/components/renders/dropdown.tsx +++ b/packages/frontend/src/pages/components/renders/dropdown.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { PencilIcon } from 'components/shared/CustomIcon'; +import { Pencil } from 'lucide-react'; import { SelectOption, Select } from 'components/shared/Select'; export const DROPDOWN_ITEMS: SelectOption[] = [ @@ -7,26 +7,26 @@ export const DROPDOWN_ITEMS: SelectOption[] = [ value: 'apple', label: 'Apple', description: 'Apple is fruit', - leftIcon: , + leftIcon: , }, { value: 'banana', label: 'Banana', description: 'Banana is fruit', - leftIcon: , + leftIcon: , }, { value: 'orange', label: 'Orange', description: 'Orange is fruit', - leftIcon: , + leftIcon: , }, { value: 'watermelon', label: 'Watermelon', description: 'Watermelon is fruit', disabled: true, - leftIcon: , + leftIcon: , }, ]; diff --git a/packages/frontend/src/pages/components/renders/input.tsx b/packages/frontend/src/pages/components/renders/input.tsx index dcb31d76..4cf4665c 100644 --- a/packages/frontend/src/pages/components/renders/input.tsx +++ b/packages/frontend/src/pages/components/renders/input.tsx @@ -1,5 +1,5 @@ import { Input } from 'components/shared/Input'; -import { SearchIcon, CrossIcon } from 'components/shared/CustomIcon'; +import { Search, X } from 'lucide-react'; export const renderInputs = () => { return ( @@ -8,8 +8,8 @@ export const renderInputs = () => { } - rightIcon={} + leftIcon={} + rightIcon={} placeholder="Placeholder text" /> {
    } - rightIcon={} + leftIcon={} + rightIcon={} description="Additional information or context" placeholder="Placeholder text" size="sm" diff --git a/packages/frontend/src/pages/components/renders/tabs.tsx b/packages/frontend/src/pages/components/renders/tabs.tsx index a5c218fa..0b221543 100644 --- a/packages/frontend/src/pages/components/renders/tabs.tsx +++ b/packages/frontend/src/pages/components/renders/tabs.tsx @@ -1,6 +1,6 @@ import { Tabs } from 'components/shared/Tabs'; import { Badge } from 'components/shared/Badge'; -import { GlobeIcon } from 'components/shared/CustomIcon'; +import { Globe } from 'lucide-react'; const tabs = Array.from({ length: 8 }); @@ -43,7 +43,7 @@ export const renderVerticalTabs = () => { {tabs.slice(0, 4).map((_, index) => ( } + icon={} value={index.toString()} > Tab item {index} diff --git a/packages/frontend/src/pages/components/renders/tag.tsx b/packages/frontend/src/pages/components/renders/tag.tsx index e1a8a405..84be9276 100644 --- a/packages/frontend/src/pages/components/renders/tag.tsx +++ b/packages/frontend/src/pages/components/renders/tag.tsx @@ -1,5 +1,5 @@ import { Tag } from 'components/shared/Tag'; -import { PlusIcon } from 'components/shared/CustomIcon'; +import { Plus } from 'lucide-react'; export const renderDefaultTag = () => (['default'] as const).map((style) => ( @@ -9,8 +9,8 @@ export const renderDefaultTag = () => ).map((type) => (
    } - rightIcon={} + leftIcon={} + rightIcon={} style={style} type={type} size="sm" @@ -18,8 +18,8 @@ export const renderDefaultTag = () => Label } - rightIcon={} + leftIcon={} + rightIcon={} size="xs" style={style} type={type} @@ -39,8 +39,8 @@ export const renderMinimalTag = () => ).map((type) => (
    } - rightIcon={} + leftIcon={} + rightIcon={} style={style} type={type} size="sm" @@ -48,8 +48,8 @@ export const renderMinimalTag = () => Label } - rightIcon={} + leftIcon={} + rightIcon={} size="xs" style={style} type={type} diff --git a/packages/frontend/src/pages/org-slug/projects/Id.tsx b/packages/frontend/src/pages/org-slug/projects/Id.tsx index 5be22916..14da7cb3 100644 --- a/packages/frontend/src/pages/org-slug/projects/Id.tsx +++ b/packages/frontend/src/pages/org-slug/projects/Id.tsx @@ -12,7 +12,7 @@ import { useMediaQuery } from 'usehooks-ts'; import { useGQLClient } from '../../../context/GQLClientContext'; import { useOctokit } from '../../../context/OctokitContext'; import { Button } from 'components/shared/Button'; -import { ChevronLeft } from 'components/shared/CustomIcon'; +import { ArrowLeft } from 'lucide-react'; import { WavyBorder } from 'components/shared/WavyBorder'; import { Heading } from 'components/shared/Heading'; import { Tabs } from 'components/shared/Tabs'; @@ -75,7 +75,7 @@ const Id = () => { iconOnly className="rounded-full h-11 w-11 p-0 shrink-0" aria-label="Go back" - leftIcon={} + leftIcon={} onClick={() => navigate(-1)} /> diff --git a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx index 78b7b4c1..4d2fa79e 100644 --- a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx +++ b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx @@ -6,15 +6,14 @@ import { useSearchParams, } from 'react-router-dom'; -import templates from '../../../../assets/templates'; -import { - LinkChainIcon, - TemplateIcon, - TemplateIconType, -} from 'components/shared/CustomIcon'; import { Heading } from 'components/shared/Heading'; import { Steps } from 'components/shared/Steps'; +import { + GitBranch, + Github, +} from 'lucide-react'; import { useMediaQuery } from 'usehooks-ts'; +import templates from '../../../../assets/templates'; // TODO: Set dynamic route for template and load details from DB const CreateWithTemplate = () => { @@ -59,7 +58,7 @@ const CreateWithTemplate = () => {
    - + {template?.name}
    @@ -69,7 +68,7 @@ const CreateWithTemplate = () => { rel="noreferrer" className="flex gap-1.5 items-center text-sm" > - + {Boolean(template?.repoFullName) ? template?.repoFullName diff --git a/packages/frontend/src/pages/org-slug/projects/create/layout.tsx b/packages/frontend/src/pages/org-slug/projects/create/layout.tsx index ab63c951..152439e5 100644 --- a/packages/frontend/src/pages/org-slug/projects/create/layout.tsx +++ b/packages/frontend/src/pages/org-slug/projects/create/layout.tsx @@ -7,7 +7,7 @@ import * as Dialog from '@radix-ui/react-dialog'; import { Heading } from 'components/shared/Heading'; import { WavyBorder } from 'components/shared/WavyBorder'; import { Button } from 'components/shared/Button'; -import { CrossIcon } from 'components/shared/CustomIcon'; +import { ArrowLeft } from 'lucide-react'; import { cn } from 'utils/classnames'; export interface CreateProjectLayoutProps @@ -49,7 +49,7 @@ export const CreateProjectLayout = ({
    diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx index b56fae5b..a279a714 100644 --- a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx +++ b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx @@ -4,7 +4,7 @@ import { useGQLClient } from 'context/GQLClientContext'; import { Table } from 'components/shared/Table'; import { Button } from 'components/shared/Button'; import { InlineNotification } from 'components/shared/InlineNotification'; -import { ArrowRightCircleIcon } from 'components/shared/CustomIcon'; +import { ArrowRight } from 'lucide-react'; import { ProjectSettingContainer } from 'components/projects/project/settings/ProjectSettingContainer'; import { useToast } from 'components/shared/Toast'; import { useEffect, useState } from 'react'; @@ -129,7 +129,7 @@ const Config = () => { onClick={handleSubmitDomain} variant="primary" shape="default" - rightIcon={} + rightIcon={} > FINISH diff --git a/packages/frontend/src/stories/Components/Avatar.stories.tsx b/packages/frontend/src/stories/Components/Avatar.stories.tsx deleted file mode 100644 index d9bfdfd2..00000000 --- a/packages/frontend/src/stories/Components/Avatar.stories.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { Avatar, AvatarVariants } from 'components/shared/Avatar'; -import { avatars, avatarsFallback } from 'pages/components/renders/avatar'; - -const avatarSizes: AvatarVariants['size'][] = [18, 20, 24, 28, 32, 36, 40, 44]; -const avatarVariants: AvatarVariants['type'][] = ['gray', 'orange', 'blue']; - -const meta: Meta = { - component: Avatar, - title: 'Components/Avatar', - tags: ['autodocs'], - argTypes: { - size: { - control: 'select', - options: avatarSizes, - }, - imageSrc: { - control: 'text', - }, - initials: { - control: 'text', - }, - type: { - control: 'select', - options: avatarVariants, - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ initials, imageSrc, size, type, ...arg }) => ( - - ), -}; - -export const Fallback: Story = { - render: ({ initials, imageSrc, size, type, ...arg }) => ( - - ), - args: { - initials: 'SY', - }, -}; - -export const Sizes: Story = { - render: () => ( -
    - {avatars.map((avatar) => avatar)} -
    - ), -}; - -export const FallbackAll: Story = { - render: () => ( -
    - {avatarsFallback.map((avatar) => avatar)} -
    - ), -}; diff --git a/packages/frontend/src/stories/Components/Badge.stories.tsx b/packages/frontend/src/stories/Components/Badge.stories.tsx deleted file mode 100644 index 36cdb617..00000000 --- a/packages/frontend/src/stories/Components/Badge.stories.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { Badge, BadgeTheme } from 'components/shared/Badge'; - -const badgeVariants: BadgeTheme['variant'][] = [ - 'primary', - 'secondary', - 'tertiary', - 'inset', -]; -const badgeSizes: BadgeTheme['size'][] = ['xs', 'sm']; - -const meta: Meta = { - title: 'Components/Badge', - component: Badge, - tags: ['autodocs'], - argTypes: { - variant: { - control: 'select', - options: badgeVariants, - }, - size: { - control: 'select', - options: badgeSizes, - }, - children: { - control: 'object', - }, - }, - args: { - variant: 'primary', - size: 'sm', - children: '1', - }, -} as Meta; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ variant, size, children, ...args }) => ( - - {children} - - ), - args: { - variant: 'primary', - size: 'sm', - children: '1', - }, -}; - -export const Primary: Story = { - args: { - ...Default.args, - children: '1', - }, -}; - -export const All: Story = { - render: () => ( - <> - {badgeVariants.map((variant, index) => ( -
    - {badgeSizes.map((size) => ( - - {size} - - ))} - {variant} -
    - ))} - - ), -}; diff --git a/packages/frontend/src/stories/Components/Button.stories.tsx b/packages/frontend/src/stories/Components/Button.stories.tsx deleted file mode 100644 index cc1bf9a4..00000000 --- a/packages/frontend/src/stories/Components/Button.stories.tsx +++ /dev/null @@ -1,137 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { Button, ButtonTheme } from 'components/shared/Button'; -import { PlusIcon } from 'components/shared/CustomIcon'; -import { - renderButtonIcons, - renderButtons, - renderDisabledButtons, - renderLinks, -} from 'pages/components/renders/button'; - -const buttonVariants: ButtonTheme['variant'][] = [ - 'primary', - 'secondary', - 'tertiary', - 'ghost', - 'danger', - 'danger-ghost', - 'link', - 'link-emphasized', -]; -const buttonSizes: ButtonTheme['size'][] = ['lg', 'md', 'sm', 'xs']; -const buttonShapes: ButtonTheme['shape'][] = ['default', 'rounded']; - -const meta: Meta = { - title: 'Components/Button', - component: Button, - tags: ['autodocs'], - argTypes: { - size: { - control: 'select', - options: buttonSizes, - }, - variant: { - control: 'select', - options: buttonVariants, - }, - fullWidth: { - control: 'boolean', - }, - iconOnly: { - control: { type: 'boolean' }, - }, - shape: { - control: 'select', - options: buttonShapes, - }, - children: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ children, size, variant, iconOnly, fullWidth, shape }) => ( - - ), - args: { - children: 'Button', - size: 'md', - variant: 'primary', - fullWidth: false, - shape: 'rounded', - iconOnly: false, - }, -}; - -export const WithIcons: Story = { - args: { - ...Default.args, - leftIcon: , - rightIcon: , - }, -}; - -export const FullWidth: Story = { - args: { - ...Default.args, - fullWidth: true, - }, -}; - -export const IconOnly: Story = { - render: ({ leftIcon }) => , - args: { - ...Default.args, - leftIcon: , - }, -}; - -export const ButtonAll: Story = { - render: () => ( -
    - {/* Button */} -

    - Button -

    -
    - {renderButtons()} - {renderButtonIcons()} -
    - - {/* Link */} -
    -

    Link

    -
    - {renderLinks()} -
    -
    - - {/* Disabled button, icon only, and link */} -
    -
    -

    Disabled

    -

    - Button - icon only - link -

    -
    -
    - {renderDisabledButtons()} -
    -
    -
    - ), -}; diff --git a/packages/frontend/src/stories/Components/Calendar.stories.tsx b/packages/frontend/src/stories/Components/Calendar.stories.tsx deleted file mode 100644 index 389d0507..00000000 --- a/packages/frontend/src/stories/Components/Calendar.stories.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Calendar } from 'components/shared/Calendar'; - -const meta: Meta = { - title: 'Components/Calendar', - component: Calendar, - tags: ['autodocs'], - argTypes: { - wrapperProps: { - control: 'object', - }, - calendarWrapperProps: { - control: 'object', - }, - footerProps: { - control: 'object', - }, - actions: { - control: 'object', - }, - onSelect: { - action: 'select', - }, - onCancel: { - action: 'cancel', - }, - onReset: { - action: 'reset', - }, - selectRange: { - control: 'boolean', - }, - activeStartDate: { - control: 'date', - }, - value: { - control: 'date', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; - -export const ToShowCode: Story = { - render: ({ - wrapperProps, - calendarWrapperProps, - footerProps, - actions, - onSelect, - onCancel, - onReset, - selectRange, - activeStartDate, - value, - ...arg - }) => ( - - ), - args: { - actions:
    Actions
    , - onSelect: (value) => console.log(value), - onCancel: () => console.log('Cancel'), - onReset: () => console.log('Reset'), - selectRange: false, - activeStartDate: new Date(), - value: new Date(), - }, -}; diff --git a/packages/frontend/src/stories/Components/Checkbox.stories.tsx b/packages/frontend/src/stories/Components/Checkbox.stories.tsx deleted file mode 100644 index e9d82e32..00000000 --- a/packages/frontend/src/stories/Components/Checkbox.stories.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Checkbox } from 'components/shared/Checkbox'; - -const meta: Meta = { - title: 'Components/Checkbox', - component: Checkbox, - tags: ['autodocs'], - argTypes: { - label: { - control: 'text', - }, - description: { - control: 'text', - }, - checked: { - control: 'boolean', - }, - defaultChecked: { - control: 'boolean', - }, - required: { - control: 'boolean', - }, - onCheckedChange: { - action: 'checkedChange', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ - label, - description, - checked, - defaultChecked, - required, - onCheckedChange, - ...arg - }) => ( - - ), - args: { - label: 'Label', - description: 'Description', - checked: false, - defaultChecked: false, - required: false, - onCheckedChange: (checked: boolean) => console.log(checked), - }, -}; diff --git a/packages/frontend/src/stories/Components/CloudyFlow.stories.tsx b/packages/frontend/src/stories/Components/CloudyFlow.stories.tsx deleted file mode 100644 index d3e90cbd..00000000 --- a/packages/frontend/src/stories/Components/CloudyFlow.stories.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { CloudyFlow } from 'components/CloudyFlow'; - -const meta: Meta = { - title: 'Components/CloudyFlow', - component: CloudyFlow, - tags: ['autodocs'], - argTypes: { - className: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ ...arg }) => { - return ; - }, - args: { - className: 'flex flex-col min-h-screen', - }, -}; diff --git a/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx b/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx deleted file mode 100644 index aeeb0d28..00000000 --- a/packages/frontend/src/stories/Components/ComponentsAll.stories.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import Page from 'pages/components'; - -const meta: Meta = { - component: Page, - title: 'Components/All', -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Components/DatePicker.stories.tsx b/packages/frontend/src/stories/Components/DatePicker.stories.tsx deleted file mode 100644 index 26122205..00000000 --- a/packages/frontend/src/stories/Components/DatePicker.stories.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { DatePicker } from 'components/shared/DatePicker'; - -const meta: Meta = { - title: 'Components/DatePicker', - component: DatePicker, - tags: ['autodocs'], - argTypes: { - calendarProps: { - control: 'object', - }, - onChange: { - action: 'change', - }, - value: { - control: 'text', - }, - selectRange: { - control: 'boolean', - }, - onReset: { - action: 'reset', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ - calendarProps, - onChange, - value, - selectRange, - onReset, - ...args - }) => ( - - ), -}; diff --git a/packages/frontend/src/stories/Components/DotBorder.stories.tsx b/packages/frontend/src/stories/Components/DotBorder.stories.tsx deleted file mode 100644 index 6d8f17b4..00000000 --- a/packages/frontend/src/stories/Components/DotBorder.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { DotBorder } from 'components/shared/DotBorder'; - -const meta: Meta = { - title: 'Components/DotBorder', - component: DotBorder, - tags: ['autodocs'], -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Components/Heading.stories.tsx b/packages/frontend/src/stories/Components/Heading.stories.tsx deleted file mode 100644 index 1218725c..00000000 --- a/packages/frontend/src/stories/Components/Heading.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Heading } from 'components/shared/Heading'; - -const meta: Meta = { - title: 'Components/Heading', - component: Heading, - tags: ['autodocs'], -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Components/IconWithFrame.stories.tsx b/packages/frontend/src/stories/Components/IconWithFrame.stories.tsx deleted file mode 100644 index 2416ed2f..00000000 --- a/packages/frontend/src/stories/Components/IconWithFrame.stories.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { IconWithFrame } from 'components/shared/IconWithFrame'; -import { PlusIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Components/IconWithFrame', - component: IconWithFrame, - tags: ['autodocs'], - argTypes: { - icon: { - control: 'object', - }, - hasHighlight: { - type: 'boolean', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ icon, hasHighlight }) => ( - - ), - args: { - hasHighlight: true, - icon: , - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/AppleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/AppleIcon.stories.tsx deleted file mode 100644 index a84c618d..00000000 --- a/packages/frontend/src/stories/Components/Icons/AppleIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { AppleIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/AppleIcon', - component: AppleIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ArrowLeftCircleFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ArrowLeftCircleFilledIcon.stories.tsx deleted file mode 100644 index e0eab680..00000000 --- a/packages/frontend/src/stories/Components/Icons/ArrowLeftCircleFilledIcon.stories.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ArrowLeftCircleFilledIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ArrowLeftCircleFilledIcon', - component: ArrowLeftCircleFilledIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => ( - - ), - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ArrowRightCircleFilledIcon.stories.tsx deleted file mode 100644 index ed6cf924..00000000 --- a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleFilledIcon.stories.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ArrowRightCircleFilledIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ArrowRightCircleFilledIcon', - component: ArrowRightCircleFilledIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => ( - - ), - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ArrowRightCircleIcon.stories.tsx deleted file mode 100644 index 6f3741ee..00000000 --- a/packages/frontend/src/stories/Components/Icons/ArrowRightCircleIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ArrowRightCircleIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ArrowRightCircleIcon', - component: ArrowRightCircleIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/BranchIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/BranchIcon.stories.tsx deleted file mode 100644 index 35c8dc14..00000000 --- a/packages/frontend/src/stories/Components/Icons/BranchIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { BranchIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/BranchIcon', - component: BranchIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/BranchStrokeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/BranchStrokeIcon.stories.tsx deleted file mode 100644 index 1bf5af0a..00000000 --- a/packages/frontend/src/stories/Components/Icons/BranchStrokeIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { BranchStrokeIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/BranchStrokeIcon', - component: BranchStrokeIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/BuildingIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/BuildingIcon.stories.tsx deleted file mode 100644 index 0870ac04..00000000 --- a/packages/frontend/src/stories/Components/Icons/BuildingIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { BuildingIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/BuildingIcon', - component: BuildingIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CalendarDaysIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CalendarDaysIcon.stories.tsx deleted file mode 100644 index dc217884..00000000 --- a/packages/frontend/src/stories/Components/Icons/CalendarDaysIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CalendarDaysIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CalendarDaysIcon', - component: CalendarDaysIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CalendarIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CalendarIcon.stories.tsx deleted file mode 100644 index 9346fad1..00000000 --- a/packages/frontend/src/stories/Components/Icons/CalendarIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CalendarIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CalendarIcon', - component: CalendarIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CheckIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckIcon.stories.tsx deleted file mode 100644 index 7aba4e46..00000000 --- a/packages/frontend/src/stories/Components/Icons/CheckIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CheckIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CheckIcon', - component: CheckIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CheckRadioIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckRadioIcon.stories.tsx deleted file mode 100644 index 987f4d7f..00000000 --- a/packages/frontend/src/stories/Components/Icons/CheckRadioIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CheckRadioIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CheckRadioIcon', - component: CheckRadioIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CheckRadioOutlineIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckRadioOutlineIcon.stories.tsx deleted file mode 100644 index 8355ce62..00000000 --- a/packages/frontend/src/stories/Components/Icons/CheckRadioOutlineIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CheckRadioOutlineIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CheckRadioOutlineIcon', - component: CheckRadioOutlineIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CheckRoundFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CheckRoundFilledIcon.stories.tsx deleted file mode 100644 index 7f5d083d..00000000 --- a/packages/frontend/src/stories/Components/Icons/CheckRoundFilledIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CheckRoundFilledIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CheckRoundFilledIcon', - component: CheckRoundFilledIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronDoubleDownIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronDoubleDownIcon.stories.tsx deleted file mode 100644 index 95106e7d..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronDoubleDownIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronDoubleDownIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ChevronDoubleDownIcon', - component: ChevronDoubleDownIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronDownIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronDownIcon.stories.tsx deleted file mode 100644 index 9f65f9c4..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronDownIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronDownIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ChevronDownIcon', - component: ChevronDownIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx deleted file mode 100644 index e50a212c..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronDownSmallIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronDownSmallIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ChevronDownSmallIcon', - component: ChevronDownSmallIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronGrabberHorizontal.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronGrabberHorizontal.stories.tsx deleted file mode 100644 index 239b975d..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronGrabberHorizontal.stories.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronGrabberHorizontal } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ChevronGrabberHorizontal', - component: ChevronGrabberHorizontal, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => ( - - ), - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronLeft.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronLeft.stories.tsx deleted file mode 100644 index 0cd4dec8..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronLeft.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronLeft } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ChevronLeft', - component: ChevronLeft, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx deleted file mode 100644 index 3f0b24be..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronRight.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronRight } from '../../../components/shared/CustomIcon/ChevronRight'; - -const meta: Meta = { - title: 'Icons/ChevronRight', - component: ChevronRight, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx deleted file mode 100644 index 04b52c68..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronUpDown.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronUpDown } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ChevronUpDown', - component: ChevronUpDown, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx deleted file mode 100644 index f8d67894..00000000 --- a/packages/frontend/src/stories/Components/Icons/ChevronUpSmallIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ChevronUpSmallIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ChevronUpSmallIcon', - component: ChevronUpSmallIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'chevron-up', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CirclePlaceholderOnIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CirclePlaceholderOnIcon.stories.tsx deleted file mode 100644 index 4d08db6e..00000000 --- a/packages/frontend/src/stories/Components/Icons/CirclePlaceholderOnIcon.stories.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CirclePlaceholderOnIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CirclePlaceholderOnIcon', - component: CirclePlaceholderOnIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => ( - - ), - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ClockIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ClockIcon.stories.tsx deleted file mode 100644 index 9850d00b..00000000 --- a/packages/frontend/src/stories/Components/Icons/ClockIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ClockIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ClockIcon', - component: ClockIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ClockOutlineIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ClockOutlineIcon.stories.tsx deleted file mode 100644 index d9dc2231..00000000 --- a/packages/frontend/src/stories/Components/Icons/ClockOutlineIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ClockOutlineIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ClockOutlineIcon', - component: ClockOutlineIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx deleted file mode 100644 index 83fc9976..00000000 --- a/packages/frontend/src/stories/Components/Icons/CollaboratorsIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CollaboratorsIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CollaboratorsIcon', - component: CollaboratorsIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CommitIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CommitIcon.stories.tsx deleted file mode 100644 index e5a69c0e..00000000 --- a/packages/frontend/src/stories/Components/Icons/CommitIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CommitIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CommitIcon', - component: CommitIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CopyIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CopyIcon.stories.tsx deleted file mode 100644 index 5b0a2af0..00000000 --- a/packages/frontend/src/stories/Components/Icons/CopyIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CopyIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CopyIcon', - component: CopyIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CrossCircleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CrossCircleIcon.stories.tsx deleted file mode 100644 index 3cfa9b87..00000000 --- a/packages/frontend/src/stories/Components/Icons/CrossCircleIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CrossCircleIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CrossCircleIcon', - component: CrossCircleIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CrossIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CrossIcon.stories.tsx deleted file mode 100644 index 073f8b37..00000000 --- a/packages/frontend/src/stories/Components/Icons/CrossIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CrossIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CrossIcon', - component: CrossIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/CursorBoxIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/CursorBoxIcon.stories.tsx deleted file mode 100644 index eb321b9b..00000000 --- a/packages/frontend/src/stories/Components/Icons/CursorBoxIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { CursorBoxIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/CursorBoxIcon', - component: CursorBoxIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/EditBigIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/EditBigIcon.stories.tsx deleted file mode 100644 index d91df2b9..00000000 --- a/packages/frontend/src/stories/Components/Icons/EditBigIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { EditBigIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/EditBigIcon', - component: EditBigIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/EllipseIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/EllipseIcon.stories.tsx deleted file mode 100644 index 87553828..00000000 --- a/packages/frontend/src/stories/Components/Icons/EllipseIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { EllipseIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/EclipseIcon', - component: EllipseIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/EllipsesIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/EllipsesIcon.stories.tsx deleted file mode 100644 index 71de09b5..00000000 --- a/packages/frontend/src/stories/Components/Icons/EllipsesIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { EllipsesIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/EllipsesIcon', - component: EllipsesIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/FolderIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/FolderIcon.stories.tsx deleted file mode 100644 index 83a53afc..00000000 --- a/packages/frontend/src/stories/Components/Icons/FolderIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { FolderIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/FolderIcon', - component: FolderIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GearIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GearIcon.stories.tsx deleted file mode 100644 index 8451df52..00000000 --- a/packages/frontend/src/stories/Components/Icons/GearIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GearIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GearIcon', - component: GearIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GitIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GitIcon.stories.tsx deleted file mode 100644 index 63930831..00000000 --- a/packages/frontend/src/stories/Components/Icons/GitIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GitIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GitIcon', - component: GitIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GitTeaIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GitTeaIcon.stories.tsx deleted file mode 100644 index 27ba59ff..00000000 --- a/packages/frontend/src/stories/Components/Icons/GitTeaIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GitTeaIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GitTeaIcon', - component: GitTeaIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GithubIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GithubIcon.stories.tsx deleted file mode 100644 index cc0b0f8b..00000000 --- a/packages/frontend/src/stories/Components/Icons/GithubIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GithubIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GithubIcon', - component: GithubIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GithubLogoIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GithubLogoIcon.stories.tsx deleted file mode 100644 index ee5bb425..00000000 --- a/packages/frontend/src/stories/Components/Icons/GithubLogoIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GithubLogoIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GithubLogoIcon', - component: GithubLogoIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GithubStrokeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GithubStrokeIcon.stories.tsx deleted file mode 100644 index acbec55e..00000000 --- a/packages/frontend/src/stories/Components/Icons/GithubStrokeIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GithubStrokeIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GithubStrokeLogo', - component: GithubStrokeIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GlobeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GlobeIcon.stories.tsx deleted file mode 100644 index 454ed3d5..00000000 --- a/packages/frontend/src/stories/Components/Icons/GlobeIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GlobeIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GlobeIcon', - component: GlobeIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/GoogleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/GoogleIcon.stories.tsx deleted file mode 100644 index baea62bc..00000000 --- a/packages/frontend/src/stories/Components/Icons/GoogleIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { GoogleIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/GoogleIcon', - component: GoogleIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/HideEyeOffIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/HideEyeOffIcon.stories.tsx deleted file mode 100644 index ba8e2817..00000000 --- a/packages/frontend/src/stories/Components/Icons/HideEyeOffIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { HideEyeOffIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/HideEyeOffIcon', - component: HideEyeOffIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/HorizontalDotIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/HorizontalDotIcon.stories.tsx deleted file mode 100644 index 63d4b016..00000000 --- a/packages/frontend/src/stories/Components/Icons/HorizontalDotIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { HorizontalDotIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/HorizontalDotIcon', - component: HorizontalDotIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/InfoRoundFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/InfoRoundFilledIcon.stories.tsx deleted file mode 100644 index 2a743f44..00000000 --- a/packages/frontend/src/stories/Components/Icons/InfoRoundFilledIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { InfoRoundFilledIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/InfoRoundFilledIcon', - component: InfoRoundFilledIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/InfoSquareIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/InfoSquareIcon.stories.tsx deleted file mode 100644 index e6b49140..00000000 --- a/packages/frontend/src/stories/Components/Icons/InfoSquareIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { InfoSquareIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/InfoSquareIcon', - component: InfoSquareIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/KeyIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/KeyIcon.stories.tsx deleted file mode 100644 index de89ac93..00000000 --- a/packages/frontend/src/stories/Components/Icons/KeyIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { KeyIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/KeyIcon', - component: KeyIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/LifeBuoyIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LifeBuoyIcon.stories.tsx deleted file mode 100644 index 882985ea..00000000 --- a/packages/frontend/src/stories/Components/Icons/LifeBuoyIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { LifeBuoyIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/LifeBuoyIcon', - component: LifeBuoyIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/LinkChainIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LinkChainIcon.stories.tsx deleted file mode 100644 index bc799ebe..00000000 --- a/packages/frontend/src/stories/Components/Icons/LinkChainIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { LinkChainIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/LinkChainIcon', - component: LinkChainIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/LinkIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LinkIcon.stories.tsx deleted file mode 100644 index 3710efac..00000000 --- a/packages/frontend/src/stories/Components/Icons/LinkIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { LinkIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/LinkIcon', - component: LinkIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/LoaderIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LoaderIcon.stories.tsx deleted file mode 100644 index 85d3a587..00000000 --- a/packages/frontend/src/stories/Components/Icons/LoaderIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { LoaderIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/LoaderIcon', - component: LoaderIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/LoadingIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LoadingIcon.stories.tsx deleted file mode 100644 index 59a0cd0f..00000000 --- a/packages/frontend/src/stories/Components/Icons/LoadingIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { LoadingIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/LoadingIcon', - component: LoadingIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/LockIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LockIcon.stories.tsx deleted file mode 100644 index 262bdf53..00000000 --- a/packages/frontend/src/stories/Components/Icons/LockIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { LockIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/LockIcon', - component: LockIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/LogoutIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/LogoutIcon.stories.tsx deleted file mode 100644 index 50e4cac1..00000000 --- a/packages/frontend/src/stories/Components/Icons/LogoutIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { LogoutIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/LogoutIcon', - component: LogoutIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/MenuIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/MenuIcon.stories.tsx deleted file mode 100644 index 65f2c9c8..00000000 --- a/packages/frontend/src/stories/Components/Icons/MenuIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { MenuIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/MenuIcon', - component: MenuIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/MinusCircleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/MinusCircleIcon.stories.tsx deleted file mode 100644 index ec05322f..00000000 --- a/packages/frontend/src/stories/Components/Icons/MinusCircleIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { MinusCircleIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/MinusCircleIcon', - component: MinusCircleIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/NotificationBellIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/NotificationBellIcon.stories.tsx deleted file mode 100644 index 697c3ae7..00000000 --- a/packages/frontend/src/stories/Components/Icons/NotificationBellIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { NotificationBellIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/NotificationBellIcon', - component: NotificationBellIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/PencilIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/PencilIcon.stories.tsx deleted file mode 100644 index 333ebaa2..00000000 --- a/packages/frontend/src/stories/Components/Icons/PencilIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { PencilIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/PencilIcon', - component: PencilIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/PlusIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/PlusIcon.stories.tsx deleted file mode 100644 index 9a4260ca..00000000 --- a/packages/frontend/src/stories/Components/Icons/PlusIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { PlusIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/PlusIcon', - component: PlusIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundFilledIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundFilledIcon.stories.tsx deleted file mode 100644 index f834e962..00000000 --- a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundFilledIcon.stories.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { QuestionMarkRoundFilledIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/QuestionMarkRoundFilledIcon', - component: QuestionMarkRoundFilledIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => ( - - ), - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundIcon.stories.tsx deleted file mode 100644 index 3ce8a42e..00000000 --- a/packages/frontend/src/stories/Components/Icons/QuestionMarkRoundIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { QuestionMarkRoundIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/QuestionMarkRoundIcon', - component: QuestionMarkRoundIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/RefreshIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/RefreshIcon.stories.tsx deleted file mode 100644 index 38a80063..00000000 --- a/packages/frontend/src/stories/Components/Icons/RefreshIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { RefreshIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/RefreshIcon', - component: RefreshIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/RocketIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/RocketIcon.stories.tsx deleted file mode 100644 index 13dc9888..00000000 --- a/packages/frontend/src/stories/Components/Icons/RocketIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { RocketIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/RocketIcon', - component: RocketIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/SearchIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SearchIcon.stories.tsx deleted file mode 100644 index 8c6eb826..00000000 --- a/packages/frontend/src/stories/Components/Icons/SearchIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { SearchIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/SearchIcon', - component: SearchIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/SettingsSlidersIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SettingsSlidersIcon.stories.tsx deleted file mode 100644 index ed9c7455..00000000 --- a/packages/frontend/src/stories/Components/Icons/SettingsSlidersIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { SettingsSlidersIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/SettingsSlidersIcon', - component: SettingsSlidersIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/ShowEyeIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/ShowEyeIcon.stories.tsx deleted file mode 100644 index dbe81967..00000000 --- a/packages/frontend/src/stories/Components/Icons/ShowEyeIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { ShowEyeIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/ShowEyeIcon', - component: ShowEyeIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/SnowballIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SnowballIcon.stories.tsx deleted file mode 100644 index ce42ded4..00000000 --- a/packages/frontend/src/stories/Components/Icons/SnowballIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { SnowballIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/SnowballIcon', - component: SnowballIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/StorageIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/StorageIcon.stories.tsx deleted file mode 100644 index 0dc8e35b..00000000 --- a/packages/frontend/src/stories/Components/Icons/StorageIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { StorageIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/StorageIcon', - component: StorageIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/SwitchIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/SwitchIcon.stories.tsx deleted file mode 100644 index f8b3ded9..00000000 --- a/packages/frontend/src/stories/Components/Icons/SwitchIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { SwitchIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/SwitchIcon', - component: SwitchIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/TrendingIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/TrendingIcon.stories.tsx deleted file mode 100644 index 25406e51..00000000 --- a/packages/frontend/src/stories/Components/Icons/TrendingIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { TrendingIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/TrendingIcon', - component: TrendingIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/UndoIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/UndoIcon.stories.tsx deleted file mode 100644 index 65120489..00000000 --- a/packages/frontend/src/stories/Components/Icons/UndoIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { UndoIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/UndoIcon', - component: UndoIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/WarningDiamondIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/WarningDiamondIcon.stories.tsx deleted file mode 100644 index a4b336aa..00000000 --- a/packages/frontend/src/stories/Components/Icons/WarningDiamondIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { WarningDiamondIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/WarningDiamondIcon', - component: WarningDiamondIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/WarningIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/WarningIcon.stories.tsx deleted file mode 100644 index ef0c3816..00000000 --- a/packages/frontend/src/stories/Components/Icons/WarningIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { WarningIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/WarningIcon', - component: WarningIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/Icons/WarningTriangleIcon.stories.tsx b/packages/frontend/src/stories/Components/Icons/WarningTriangleIcon.stories.tsx deleted file mode 100644 index 41d1c4da..00000000 --- a/packages/frontend/src/stories/Components/Icons/WarningTriangleIcon.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { WarningTriangleIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Icons/WarningTriangleIcon', - component: WarningTriangleIcon, - tags: ['autodocs'], - argTypes: { - size: { - control: 'text', - }, - name: { - control: 'text', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ size, name }) => , - args: { - size: '24px', - name: 'plus', - }, -}; diff --git a/packages/frontend/src/stories/Components/InlineNotification.stories.tsx b/packages/frontend/src/stories/Components/InlineNotification.stories.tsx deleted file mode 100644 index c8484ddd..00000000 --- a/packages/frontend/src/stories/Components/InlineNotification.stories.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { - InlineNotification, - InlineNotificationTheme, -} from 'components/shared/InlineNotification'; -import { PlusIcon } from 'components/shared/CustomIcon'; - -const inlineNotificationVariants: InlineNotificationTheme['variant'][] = [ - 'info', - 'danger', - 'warning', - 'success', - 'generic', -]; -const inlineNotificationSizes: InlineNotificationTheme['size'][] = ['sm', 'md']; - -const meta: Meta = { - title: 'Components/InlineNotification', - component: InlineNotification, - tags: ['autodocs'], - argTypes: { - title: { - control: 'text', - }, - description: { - control: 'text', - }, - icon: { - control: 'object', - }, - variant: { - control: 'select', - options: inlineNotificationVariants, - }, - size: { - control: 'select', - options: inlineNotificationSizes, - }, - hasDescription: { - control: 'boolean', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ title, description, icon, variant, ...args }) => ( - - ), - args: { - title: 'title is required', - variant: 'generic', - size: 'md', - }, -}; - -export const WithDescription: Story = { - render: ({ title, description, icon, ...args }) => ( - - ), - args: { - ...Default.args, - description: 'string', - }, -}; - -export const WithIcon: Story = { - render: ({ title, description, icon, ...args }) => ( - - ), - args: { - ...Default.args, - icon: , - }, -}; diff --git a/packages/frontend/src/stories/Components/Input.stories.tsx b/packages/frontend/src/stories/Components/Input.stories.tsx deleted file mode 100644 index f7d97932..00000000 --- a/packages/frontend/src/stories/Components/Input.stories.tsx +++ /dev/null @@ -1,213 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Input, InputTheme } from 'components/shared/Input'; -import { PlusIcon } from 'components/shared/CustomIcon'; - -const inputStates: InputTheme['state'][] = ['default', 'error']; -const inputSizes: InputTheme['size'][] = ['sm', 'md']; - -const meta: Meta = { - title: 'Components/Input', - component: Input, - tags: ['autodocs'], - argTypes: { - label: { - control: 'text', - }, - description: { - control: 'text', - }, - helperText: { - control: 'text', - }, - state: { - control: 'select', - options: inputStates, - }, - size: { - control: 'select', - options: inputSizes, - }, - appearance: { - control: 'text', - }, - placeholder: { - control: 'text', - }, - }, - args: { - state: 'default', - size: 'md', - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), -}; - -export const WithLeftIcon: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - leftIcon: , - }, -}; - -export const WithRightIcon: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - rightIcon: , - }, -}; - -export const WithLeftAndRightIcon: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - leftIcon: , - rightIcon: , - }, -}; - -export const WithDescription: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - description: 'description', - }, -}; - -export const WithHelperText: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - helperText: 'helper text', - }, -}; - -export const WithLabel: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - label: 'label', - }, -}; - -export const WithPlaceholder: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - placeholder: 'placeholder', - }, -}; - -export const WithValue: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - value: 'Value', - }, -}; - -export const WithDisabled: Story = { - render: ({ label, description, leftIcon, rightIcon, helperText, ...arg }) => ( - - ), - args: { - ...Default.args, - disabled: true, - }, -}; diff --git a/packages/frontend/src/stories/Components/Modal.stories.tsx b/packages/frontend/src/stories/Components/Modal.stories.tsx deleted file mode 100644 index 16fd9724..00000000 --- a/packages/frontend/src/stories/Components/Modal.stories.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { Modal } from 'components/shared/Modal'; -import { Button } from 'components/shared/Button'; - -const meta: Meta = { - component: Modal, - title: 'Components/Modal', - tags: ['autodocs'], - argTypes: { - children: { - control: 'object', - }, - hasCloseButton: { - type: 'boolean', - }, - hasOverlay: { - type: 'boolean', - }, - preventClickOutsideToClose: { - type: 'boolean', - }, - fullPage: { - type: 'boolean', - }, - }, - args: { - hasCloseButton: true, - hasOverlay: true, - preventClickOutsideToClose: false, - fullPage: false, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: () => { - return ( - - - - - - Modal title - -

    Modal content

    -     - - - -     -     - ); - }, -}; diff --git a/packages/frontend/src/stories/Components/OverflownText.stories.tsx b/packages/frontend/src/stories/Components/OverflownText.stories.tsx deleted file mode 100644 index 6f8822d8..00000000 --- a/packages/frontend/src/stories/Components/OverflownText.stories.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { OverflownText } from 'components/shared/OverflownText'; - -const meta: Meta = { - title: 'Components/OverflownText', - component: OverflownText, - tags: ['autodocs'], - argTypes: { - content: { - control: 'text', - }, - children: { - control: 'text', - }, - tooltipProps: { - control: 'object', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ children, content, ...args }) => ( - - {children} - - ), - args: { - children: - 'This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. ', - content: - 'This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. This is an overflown text. ', - }, -}; diff --git a/packages/frontend/src/stories/Components/ProjectSearchBar.stories.tsx b/packages/frontend/src/stories/Components/ProjectSearchBar.stories.tsx deleted file mode 100644 index 6d168889..00000000 --- a/packages/frontend/src/stories/Components/ProjectSearchBar.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { ProjectSearchBar } from 'components/projects/ProjectSearchBar'; - -const meta: Meta = { - title: 'Components/ProjectSearchBar', - component: ProjectSearchBar, - tags: ['autodocs'], - argTypes: { - onChange: { - action: 'change', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Components/Radio.stories.tsx b/packages/frontend/src/stories/Components/Radio.stories.tsx deleted file mode 100644 index 34e02f30..00000000 --- a/packages/frontend/src/stories/Components/Radio.stories.tsx +++ /dev/null @@ -1,105 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Radio, RadioOption, RadioTheme } from 'components/shared/Radio'; - -const radioVariants: RadioTheme['variant'][] = ['unstyled', 'card']; -const radioOrientation: RadioTheme['orientation'][] = [ - 'horizontal', - 'vertical', -]; -const radioOptions: RadioOption[] = [ - { label: 'Option 1', value: 'option1' }, - { label: 'Option 2', value: 'option2' }, - { label: 'Option 3', value: 'option3' }, -]; - -const meta: Meta = { - title: 'Components/Radio', - component: Radio, - tags: ['autodocs'], - argTypes: { - options: { - control: 'object', - }, - orientation: { - control: 'radio', - options: radioOrientation, - }, - value: { - control: 'object', - }, - onValueChange: { - action: 'valueChange', - }, - variant: { - control: 'select', - options: radioVariants, - }, - }, - args: { - options: radioOptions, - orientation: 'horizontal', - value: 'option1', - onValueChange: (value: string) => console.log(value), - variant: 'unstyled', - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ options, orientation, value, onValueChange, ...args }) => ( - - ), - args: { - options: radioOptions, - orientation: 'horizontal', - value: 'option1', - onValueChange: (value) => console.log(value), - }, -}; - -export const Vertical: Story = { - render: ({ options, orientation, value, onValueChange, ...args }) => ( - - ), - args: { - options: radioOptions, - orientation: 'vertical', - value: 'option1', - onValueChange: (value) => console.log(value), - }, -}; - -export const Card: Story = { - render: ({ options, orientation, value, onValueChange, ...args }) => ( - - ), - args: { - options: radioOptions, - orientation: 'horizontal', - value: 'option1', - onValueChange: (value: string) => console.log(value), - variant: 'card', - }, -}; diff --git a/packages/frontend/src/stories/Components/SearchBar.stories.tsx b/packages/frontend/src/stories/Components/SearchBar.stories.tsx deleted file mode 100644 index 15cb0034..00000000 --- a/packages/frontend/src/stories/Components/SearchBar.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import SearchBar from 'components/SearchBar'; - -const meta: Meta = { - title: 'Components/SearchBar', - component: SearchBar, - tags: ['autodocs'], -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Components/SegmentedControls.stories.tsx b/packages/frontend/src/stories/Components/SegmentedControls.stories.tsx deleted file mode 100644 index 7b03149d..00000000 --- a/packages/frontend/src/stories/Components/SegmentedControls.stories.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { - SegmentedControls, - SegmentedControlsVariants, - SegmentedControlsOption, -} from 'components/shared/SegmentedControls'; - -const segmentedControlsTypes: SegmentedControlsVariants['type'][] = [ - 'fixed-width', - 'full-width', -]; -const segmentedControlsSizes: SegmentedControlsVariants['size'][] = [ - 'sm', - 'md', -]; -const segmentedControlsOptions: SegmentedControlsOption[] = [ - { label: 'Option 1', value: '1' }, - { label: 'Option 2', value: '2' }, - { label: 'Option 3', value: '3' }, -]; - -const meta: Meta = { - title: 'Components/SegmentedControls', - component: SegmentedControls, - tags: ['autodocs'], - argTypes: { - options: { - control: 'object', - }, - value: { - control: 'text', - }, - onChange: { - action: 'change', - }, - type: { - control: 'select', - options: segmentedControlsTypes, - }, - size: { - control: 'select', - options: segmentedControlsSizes, - }, - }, - args: { - options: segmentedControlsOptions, - value: '1', - size: 'md', - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ options, value, onChange, ...args }) => ( - - ), - args: { - options: segmentedControlsOptions, - value: '1', - }, -}; diff --git a/packages/frontend/src/stories/Components/Select.stories.tsx b/packages/frontend/src/stories/Components/Select.stories.tsx deleted file mode 100644 index ff41209f..00000000 --- a/packages/frontend/src/stories/Components/Select.stories.tsx +++ /dev/null @@ -1,185 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; -import { PlusIcon } from 'components/shared/CustomIcon'; - -import { Select, SelectOption, SelectTheme } from 'components/shared/Select'; - -const selectOrientation: SelectTheme['orientation'][] = [ - 'horizontal', - 'vertical', -]; -const selectVariants: SelectTheme['variant'][] = ['default', 'danger']; -const selectSizes: SelectTheme['size'][] = ['sm', 'md']; -const selectError: SelectTheme['error'][] = [true, false]; -const selectIsOpen: SelectTheme['isOpen'][] = [true, false]; -const selectOptions: SelectOption[] = [ - { label: 'Option 1', value: 'option1' }, - { label: 'Option 2', value: 'option2' }, - { label: 'Option 3', value: 'option3' }, -]; - -const meta: Meta = { - title: 'Components/Select', - component: Select, - tags: ['autodocs'], - argTypes: { - options: { - control: 'object', - }, - label: { - control: 'text', - }, - description: { - control: 'text', - }, - multiple: { - type: 'boolean', - }, - searchable: { - type: 'boolean', - }, - clearable: { - type: 'boolean', - }, - leftIcon: { - control: 'text', - }, - rightIcon: { - control: 'text', - }, - helperText: { - control: 'text', - }, - hideValues: { - type: 'boolean', - }, - value: { - control: 'object', - }, - onClear: { - action: 'clear', - }, - onChange: { - action: 'change', - }, - orientation: { - control: 'radio', - options: selectOrientation, - }, - placeholder: { - control: 'text', - }, - variant: { - control: 'select', - options: selectVariants, - }, - size: { - control: 'select', - options: selectSizes, - }, - error: { - control: 'radio', - options: selectError, - }, - isOpen: { - control: 'radio', - options: selectIsOpen, - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - args: { - options: selectOptions, - label: 'Select', - description: 'Select an option', - }, -}; - -export const Multiple: Story = { - args: { - ...Default.args, - multiple: true, - }, -}; - -export const Searchable: Story = { - args: { - ...Default.args, - searchable: true, - }, -}; - -export const Clearable: Story = { - args: { - ...Default.args, - clearable: true, - }, -}; - -export const LeftIcon: Story = { - args: { - ...Default.args, - leftIcon: , - }, -}; - -export const RightIcon: Story = { - args: { - ...Default.args, - rightIcon: , - }, -}; - -export const HelperText: Story = { - args: { - ...Default.args, - helperText: 'Helper text', - }, -}; - -export const HideValues: Story = { - args: { - ...Default.args, - hideValues: true, - }, -}; - -export const Error: Story = { - args: { - ...Default.args, - error: true, - }, -}; - -export const IsOpen: Story = { - args: { - ...Default.args, - isOpen: true, - }, -}; - -export const WithValue: Story = { - args: { - ...Default.args, - value: selectOptions[0], - }, -}; - -export const WithPlaceholder: Story = { - args: { - ...Default.args, - placeholder: 'Select an option', - }, -}; - -// TODO: fix Select danger variant -export const WithVariantDanger: Story = { - args: { - ...Default.args, - variant: 'danger', - }, -}; diff --git a/packages/frontend/src/stories/Components/Step.stories.tsx b/packages/frontend/src/stories/Components/Step.stories.tsx deleted file mode 100644 index 223e831e..00000000 --- a/packages/frontend/src/stories/Components/Step.stories.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Step, StepTheme } from 'components/shared/Steps'; - -const stepOrientations: StepTheme['orientation'][] = ['horizontal', 'vertical']; - -const meta: Meta = { - title: 'Components/Step', - component: Step, - tags: ['autodocs'], - argTypes: { - orientation: { - control: 'radio', - options: stepOrientations, - }, - currentIndex: { - control: 'number', - }, - label: { - control: 'text', - }, - index: { - control: 'number', - }, - }, - args: { - orientation: 'vertical', - label: 'Create repository', - index: 1, - currentIndex: 1, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; - -export const Horizontal: Story = { - args: { - orientation: 'horizontal', - }, -}; - -export const Past: Story = { - args: { - index: 1, - currentIndex: 2, - }, -}; diff --git a/packages/frontend/src/stories/Components/Steps.stories.tsx b/packages/frontend/src/stories/Components/Steps.stories.tsx deleted file mode 100644 index d4d999ea..00000000 --- a/packages/frontend/src/stories/Components/Steps.stories.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Steps, StepsTheme, StepProps } from 'components/shared/Steps'; - -const stepsOrientations: StepsTheme['orientation'][] = [ - 'horizontal', - 'vertical', -]; -const stepsOptions: Pick[] = [ - { - label: 'Create repository', - }, - { - label: 'Deploy', - }, - { - label: `What's next?`, - }, -]; - -const meta: Meta = { - title: 'Components/Steps', - component: Steps, - tags: ['autodocs'], - argTypes: { - orientation: { - control: 'radio', - options: stepsOrientations, - }, - currentIndex: { - control: 'number', - }, - steps: { - control: 'object', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - args: { - orientation: 'vertical', - currentIndex: 1, - steps: stepsOptions, - }, -}; - -export const Horizontal: Story = { - args: { - ...Default.args, - orientation: 'horizontal', - }, -}; - -export const Past: Story = { - args: { - ...Default.args, - currentIndex: 2, - }, -}; diff --git a/packages/frontend/src/stories/Components/Switch.stories.tsx b/packages/frontend/src/stories/Components/Switch.stories.tsx deleted file mode 100644 index b56394e2..00000000 --- a/packages/frontend/src/stories/Components/Switch.stories.tsx +++ /dev/null @@ -1,93 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Switch } from 'components/shared/Switch'; - -const meta: Meta = { - title: 'Components/Switch', - component: Switch, - tags: ['autodocs'], - argTypes: { - label: { - control: 'text', - }, - description: { - control: 'text', - }, - wrapperProps: { - control: 'object', - }, - onCheckedChange: { - action: 'checkedChange', - }, - fullWidth: { - control: 'boolean', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; - -export const Checked: Story = { - args: { - checked: true, - }, -}; - -export const Disabled: Story = { - args: { - disabled: true, - }, -}; - -export const WithLabel: Story = { - args: { - label: 'Label', - }, -}; - -export const WithDescription: Story = { - args: { - description: 'Description', - }, -}; - -export const WithWrapperProps: Story = { - args: { - wrapperProps: { - style: { - border: '1px solid red', - }, - }, - }, -}; - -export const WithLabelAndDescription: Story = { - args: { - label: 'Label', - description: 'Description', - }, -}; - -export const WithLabelAndDescriptionAndWrapperProps: Story = { - args: { - label: 'Label', - description: 'Description', - wrapperProps: { - style: { - border: '1px solid red', - }, - }, - }, -}; - -export const FullWidthWithLabelAndDescription: Story = { - args: { - fullWidth: true, - label: 'Label', - description: 'Description', - }, -}; diff --git a/packages/frontend/src/stories/Components/Table.stories.tsx b/packages/frontend/src/stories/Components/Table.stories.tsx deleted file mode 100644 index ce6aa33d..00000000 --- a/packages/frontend/src/stories/Components/Table.stories.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Table } from 'components/shared/Table'; - -const meta: Meta = { - title: 'Components/Table', - component: Table, - tags: ['autodocs'], -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({}) => ( - - - - Full name - Email - Group - - - - - - Danilo Sousa - danilo@example.com - Developer - - - - Zahra Ambessa - zahra@example.com - Admin - - - - Jasper Eriksson - jasper@example.com - Developer - - -
    - ), - args: {}, -}; diff --git a/packages/frontend/src/stories/Components/Tabs.stories.tsx b/packages/frontend/src/stories/Components/Tabs.stories.tsx deleted file mode 100644 index 2870874f..00000000 --- a/packages/frontend/src/stories/Components/Tabs.stories.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Tabs } from 'components/shared/Tabs'; -import { Badge } from 'components/shared/Badge'; -import { GlobeIcon } from 'components/shared/CustomIcon'; - -const meta: Meta = { - title: 'Components/Tabs', - component: Tabs, - tags: ['autodocs'], - parameters: { - layout: 'fullscreen', - }, - argTypes: { - orientation: { - control: 'radio', - options: ['horizontal', 'vertical'], - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -const tabs = Array.from({ length: 8 }); - -export const Default: Story = { - render: ({ orientation }) => ( - - - {tabs.map((_, index) => ( - - Tab item {index} - - ))} - - - ), - args: { - orientation: 'horizontal', - }, -}; - -export const WithBages: Story = { - render: ({ orientation }) => ( - - - {tabs.map((_, index) => ( - {index}} - > - Tab item - - ))} - - - ), - args: { - ...Default.args, - }, -}; - -export const Vertical: Story = { - render: ({ orientation }) => ( - - - {tabs.slice(0, 4).map((_, index) => ( - } - value={index.toString()} - > - Tab item {index} - - ))} - - - ), - args: { - orientation: 'vertical', - }, -}; diff --git a/packages/frontend/src/stories/Components/Tag.stories.tsx b/packages/frontend/src/stories/Components/Tag.stories.tsx deleted file mode 100644 index 79d0ea65..00000000 --- a/packages/frontend/src/stories/Components/Tag.stories.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Tag, TagTheme } from 'components/shared/Tag'; -import { PlusIcon } from 'components/shared/CustomIcon'; - -const tagTypes: TagTheme['type'][] = [ - 'attention', - 'negative', - 'positive', - 'emphasized', - 'neutral', -]; -const tagStyles: TagTheme['style'][] = ['default', 'minimal']; -const tagSizes: TagTheme['size'][] = ['xs', 'sm']; - -const meta: Meta = { - title: 'Components/Tag', - component: Tag, - tags: ['autodocs'], - parameters: { - layout: 'centered', - }, - argTypes: { - children: { - control: 'object', - }, - leftIcon: { - control: 'object', - }, - rightIcon: { - control: 'object', - }, - type: { - control: 'select', - options: tagTypes, - }, - style: { - control: 'select', - options: tagStyles, - }, - size: { - control: 'select', - options: tagSizes, - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - args: { - children: 'Tag', - style: 'default', - type: 'attention', - size: 'sm', - }, -}; - -export const WithLeftIcon: Story = { - args: { - ...Default.args, - leftIcon: , - }, -}; - -export const WithRightIcon: Story = { - args: { - ...Default.args, - rightIcon: , - }, -}; diff --git a/packages/frontend/src/stories/Components/Toast.stories.tsx b/packages/frontend/src/stories/Components/Toast.stories.tsx deleted file mode 100644 index f0398bcd..00000000 --- a/packages/frontend/src/stories/Components/Toast.stories.tsx +++ /dev/null @@ -1,101 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { Toaster, useToast } from 'components/shared/Toast'; -import { Button } from 'components/shared/Button'; - -const meta: Meta = { - title: 'Components/Toaster', - component: Toaster, - tags: ['autodocs'], - parameters: { - layout: 'centered', - }, - argTypes: {}, -}; - -export default meta; - -type Story = StoryObj; - -// trigger the toast -const Toast = () => { - const { toast, dismiss } = useToast(); - - return ( -
    - {(['success', 'error', 'warning', 'info', 'loading'] as const).map( - (variant, index) => ( - - ), - )} -
    - ); -}; - -// trigger the toast with cta -const ToastWithCta = () => { - const { toast, dismiss } = useToast(); - - return ( -
    - {(['success', 'error', 'warning', 'info', 'loading'] as const).map( - (variant, index) => ( - - ), - )} -
    - ); -}; - -export const Default: Story = { - render: ({}) => ( -
    - - -
    - ), -}; - -export const WithCta: Story = { - render: ({}) => ( - <> - - - - ), -}; diff --git a/packages/frontend/src/stories/Components/Tooltip.stories.tsx b/packages/frontend/src/stories/Components/Tooltip.stories.tsx deleted file mode 100644 index abb2e23f..00000000 --- a/packages/frontend/src/stories/Components/Tooltip.stories.tsx +++ /dev/null @@ -1,71 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { ContentProps, Tooltip } from 'components/shared/Tooltip'; - -const alignments: ContentProps['align'][] = ['start', 'center', 'end']; -const sides: ContentProps['side'][] = ['left', 'top', 'bottom', 'right']; - -const meta: Meta = { - title: 'Components/Tooltip', - component: Tooltip, - tags: ['autodocs'], - argTypes: { - contentProps: { - control: 'object', - }, - }, - parameters: { - layout: 'centered', - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ contentProps, children }) => ( - - {children} - - ), - args: { - contentProps: { - align: 'center', - side: 'top', - }, - children: , - }, -}; - -export const AllAlignments: Story = { - render: () => ( -
    - {alignments.map((align) => ( - - - - ))} -
    - ), -}; - -export const AllSides: Story = { - render: () => ( -
    - {sides.map((side) => ( - - - - ))} -
    - ), -}; diff --git a/packages/frontend/src/stories/Components/WavyBorder.stories.tsx b/packages/frontend/src/stories/Components/WavyBorder.stories.tsx deleted file mode 100644 index ddb80707..00000000 --- a/packages/frontend/src/stories/Components/WavyBorder.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import { WavyBorder } from 'components/shared/WavyBorder'; - -const meta: Meta = { - title: 'Components/WavyBorder', - component: WavyBorder, - tags: ['autodocs'], - args: { - variant: 'stroke', - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - render: ({ variant }) => , -}; diff --git a/packages/frontend/src/stories/Pages/Auth/AuthPage.stories.tsx b/packages/frontend/src/stories/Pages/Auth/AuthPage.stories.tsx deleted file mode 100644 index 4cf8eb76..00000000 --- a/packages/frontend/src/stories/Pages/Auth/AuthPage.stories.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react'; -import { - reactRouterParameters, - withRouter, -} from 'storybook-addon-remix-react-router'; - -import AuthPage from 'pages/AuthPage'; - -const meta: Meta = { - title: 'Pages/Auth/AuthPage', - component: AuthPage, - tags: ['autodocs'], -}; - -export default meta; - -type Story = StoryObj; - -export const Login: Story = { - decorators: [withRouter], - parameters: { - reactRouter: reactRouterParameters({ - location: { - pathParams: { userId: 'me' }, - }, - routing: { - path: '/login', - }, - }), - }, -}; - -export const SignUp: Story = { - decorators: [withRouter], - parameters: { - reactRouter: reactRouterParameters({ - location: { - pathParams: { userId: 'me' }, - }, - routing: { - path: '/signup', - }, - }), - }, -}; diff --git a/packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx b/packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx deleted file mode 100644 index 81d48009..00000000 --- a/packages/frontend/src/stories/Project/Settings/AddEnvironmentVariableRow.stories.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; -import { - reactRouterParameters, - withRouter, -} from 'storybook-addon-remix-react-router'; - -import AddEnvironmentVariableRow from 'components/projects/project/settings/AddEnvironmentVariableRow'; - -const meta: Meta = { - title: 'Project/Settings/AddEnvironmentVariableRow', - component: AddEnvironmentVariableRow, - tags: ['autodocs'], - decorators: [withRouter], - parameters: { - reactRouter: reactRouterParameters({ - location: { - pathParams: { userId: 'me' }, - }, - routing: { - path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings', - }, - }), - }, - argTypes: { - onDelete: { - action: 'delete', - }, - register: { - action: 'register', - }, - index: { - type: 'number', - }, - isDeleteDisabled: { - type: 'boolean', - }, - }, - args: { - isDeleteDisabled: false, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; - -export const DisabledDelete: Story = { - args: { - isDeleteDisabled: true, - }, -}; - -export const First: Story = { - args: { - index: 0, - }, -}; - -export const Second: Story = { - args: { - index: 1, - }, -}; diff --git a/packages/frontend/src/stories/Project/Settings/AddMemberDialog.stories.tsx b/packages/frontend/src/stories/Project/Settings/AddMemberDialog.stories.tsx deleted file mode 100644 index 8c7a55c8..00000000 --- a/packages/frontend/src/stories/Project/Settings/AddMemberDialog.stories.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import AddMemberDialog from 'components/projects/project/settings/AddMemberDialog'; - -const meta: Meta = { - title: 'Project/Settings/AddMemberDialog', - component: AddMemberDialog, - tags: ['autodocs'], - argTypes: { - open: { - control: { - type: 'boolean', - }, - }, - handleOpen: { - action: 'open', - }, - handleAddMember: { - action: 'addMember', - }, - }, - args: { - open: true, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Project/Settings/Config.stories.tsx b/packages/frontend/src/stories/Project/Settings/Config.stories.tsx deleted file mode 100644 index a028ada2..00000000 --- a/packages/frontend/src/stories/Project/Settings/Config.stories.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; -import { - reactRouterParameters, - withRouter, -} from 'storybook-addon-remix-react-router'; - -import Config from '../../../pages/org-slug/projects/id/settings/domains/add/Config'; - -const meta: Meta = { - title: 'Project/Settings/Config', - component: Config, - tags: ['autodocs'], - decorators: [withRouter], - parameters: { - reactRouter: reactRouterParameters({ - location: { - pathParams: { userId: 'me' }, - }, - routing: { - path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings/domains/add/config', - }, - }), - }, -} as Meta; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Project/Settings/DeleteProjectDialog.stories.tsx b/packages/frontend/src/stories/Project/Settings/DeleteProjectDialog.stories.tsx deleted file mode 100644 index 3c370411..00000000 --- a/packages/frontend/src/stories/Project/Settings/DeleteProjectDialog.stories.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; -import { - reactRouterParameters, - withRouter, -} from 'storybook-addon-remix-react-router'; - -import DeleteProjectDialog from 'components/projects/project/settings/DeleteProjectDialog'; -import { project } from '../../MockStoriesData'; - -const meta: Meta = { - title: 'Project/Settings/DeleteProjectDialog', - component: DeleteProjectDialog, - tags: ['autodocs'], - decorators: [withRouter], - parameters: { - reactRouter: reactRouterParameters({ - location: { - pathParams: { userId: 'me' }, - }, - routing: { - path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings', - }, - }), - }, - argTypes: { - open: { - control: { - type: 'boolean', - }, - }, - handleOpen: { - action: 'open', - }, - project: { - control: { - type: 'object', - }, - }, - }, - args: { - open: true, - project: project, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx b/packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx deleted file mode 100644 index a3ccc0a8..00000000 --- a/packages/frontend/src/stories/Project/Settings/DisplayEnvironmentVariables.stories.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import DisplayEnvironmentVariables from 'components/projects/project/settings/DisplayEnvironmentVariables'; -import { - environmentVariable0, - environmentVariable1, -} from '../../MockStoriesData'; -import { Environment } from 'gql-client'; - -const meta: Meta = { - title: 'Project/Settings/DisplayEnvironmentVariables', - component: DisplayEnvironmentVariables, - argTypes: { - environment: { - control: { - type: 'object', - }, - }, - variables: { - control: { - type: 'object', - }, - }, - onUpdate: { - action: 'update', - }, - }, - args: { - environment: Environment.Development, - variables: [environmentVariable0, environmentVariable1], - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Project/Settings/DomainCard.stories.tsx b/packages/frontend/src/stories/Project/Settings/DomainCard.stories.tsx deleted file mode 100644 index 601b6fd9..00000000 --- a/packages/frontend/src/stories/Project/Settings/DomainCard.stories.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import DomainCard from 'components/projects/project/settings/DomainCard'; -import { domain0, domain1, project } from '../../MockStoriesData'; - -const meta: Meta = { - title: 'Project/Settings/DomainCard', - component: DomainCard, - tags: ['autodocs'], - argTypes: { - domains: { - control: { - type: 'object', - }, - }, - domain: { - control: { - type: 'object', - }, - }, - branches: { - control: { - type: 'object', - }, - }, - project: { - control: { - type: 'object', - }, - }, - onUpdate: { - action: 'update', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - args: { - domains: [domain0, domain1], - domain: domain0, - branches: ['main'], - project: project, - }, -}; diff --git a/packages/frontend/src/stories/Project/Settings/EditDomainDialog.stories.tsx b/packages/frontend/src/stories/Project/Settings/EditDomainDialog.stories.tsx deleted file mode 100644 index 8aa62cf2..00000000 --- a/packages/frontend/src/stories/Project/Settings/EditDomainDialog.stories.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import { StoryObj, Meta } from '@storybook/react'; - -import EditDomainDialog from 'components/projects/project/settings/EditDomainDialog'; - -const meta: Meta = { - title: 'Components/EditDomainDialog', - component: EditDomainDialog, - tags: ['autodocs'], - argTypes: { - domains: { - control: { - type: 'object', - }, - }, - open: { - control: { - type: 'boolean', - }, - }, - handleOpen: { - action: 'open', - }, - domain: { - control: { - type: 'object', - }, - }, - branches: { - control: { - type: 'object', - }, - }, - onUpdate: { - action: 'update', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Project/Settings/EditEnvironmentVariableRow.stories.tsx b/packages/frontend/src/stories/Project/Settings/EditEnvironmentVariableRow.stories.tsx deleted file mode 100644 index 811b0ea4..00000000 --- a/packages/frontend/src/stories/Project/Settings/EditEnvironmentVariableRow.stories.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import EditEnvironmentVariableRow from 'components/projects/project/settings/EditEnvironmentVariableRow'; -import { environmentVariable0 } from '../../MockStoriesData'; - -const meta: Meta = { - title: 'Project/Settings/EditEnvironmentVariableRow', - component: EditEnvironmentVariableRow, - argTypes: { - variable: { - control: { - type: 'object', - }, - }, - onUpdate: { - action: 'update', - }, - }, - args: { - variable: environmentVariable0, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Project/Settings/MemberCard.stories.tsx b/packages/frontend/src/stories/Project/Settings/MemberCard.stories.tsx deleted file mode 100644 index f63029b0..00000000 --- a/packages/frontend/src/stories/Project/Settings/MemberCard.stories.tsx +++ /dev/null @@ -1,98 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import { User } from 'gql-client'; -import MemberCard from 'components/projects/project/settings/MemberCard'; - -const meta: Meta = { - title: 'Project/Settings/MemberCard', - component: MemberCard, - tags: ['autodocs'], - argTypes: { - member: { - control: 'object', - }, - isFirstCard: { - control: 'boolean', - }, - isOwner: { - control: 'boolean', - }, - isPending: { - control: 'boolean', - }, - permissions: { - control: 'object', - }, - }, -} as Meta; - -export default meta; - -type Story = StoryObj; - -const defaultUser = { - id: 'hellodsadass', - name: 'Vivian', - email: 'welcome@helloworld.com', - isVerified: true, - createdAt: 'blah', - updatedAt: 'blah', - gitHubToken: 'blah', -} as User; - -export const Owner: Story = { - render: ({ member, isFirstCard, isOwner, isPending, permissions }) => ( - - ), - args: { - member: defaultUser, - isFirstCard: true, - isOwner: true, - isPending: false, - permissions: [], - }, -}; - -export const ViewPlusEditMember: Story = { - render: ({ member, isFirstCard, isOwner, isPending, permissions }) => ( - - ), - args: { - member: defaultUser, - isFirstCard: true, - isOwner: false, - isPending: false, - permissions: ['View+Edit'], - }, -}; - -export const ViewMember: Story = { - render: ({ member, isFirstCard, isOwner, isPending, permissions }) => ( - - ), - args: { - member: defaultUser, - isFirstCard: true, - isOwner: false, - isPending: false, - permissions: ['View'], - }, -}; diff --git a/packages/frontend/src/stories/Project/Settings/SetupDomains.stories.tsx b/packages/frontend/src/stories/Project/Settings/SetupDomains.stories.tsx deleted file mode 100644 index d77a5c6c..00000000 --- a/packages/frontend/src/stories/Project/Settings/SetupDomains.stories.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import SetupDomain from 'components/projects/project/settings/SetupDomain'; -import { - reactRouterParameters, - withRouter, -} from 'storybook-addon-remix-react-router'; - -const meta: Meta = { - title: 'Project/Settings/SetupDomain', - component: SetupDomain, - tags: ['autodocs'], - decorators: [withRouter], - parameters: { - reactRouter: reactRouterParameters({ - location: { - pathParams: { userId: 'me' }, - }, - routing: { - path: '/deploy-tools/projects/6bb3bec2-d71b-4fc0-9e32-4767f68668f4/settings/domains', - }, - }), - }, -} as Meta; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = {}; diff --git a/packages/frontend/src/stories/Project/Settings/WebhookCard.stories.tsx b/packages/frontend/src/stories/Project/Settings/WebhookCard.stories.tsx deleted file mode 100644 index c45d36a0..00000000 --- a/packages/frontend/src/stories/Project/Settings/WebhookCard.stories.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Meta, StoryObj } from '@storybook/react'; - -import WebhookCard from 'components/projects/project/settings/WebhookCard'; - -const meta: Meta = { - title: 'Project/Settings/WebhookCard', - component: WebhookCard, - tags: ['autodocs'], - argTypes: { - webhookUrl: { - control: { - type: 'text', - }, - }, - onDelete: { - action: 'delete', - }, - }, -}; - -export default meta; - -type Story = StoryObj; - -export const Default: Story = { - args: { - webhookUrl: 'https://api.retool.com', - }, -}; diff --git a/packages/frontend/tsconfig.json b/packages/frontend/tsconfig.json index d5ad0510..738c1b10 100644 --- a/packages/frontend/tsconfig.json +++ b/packages/frontend/tsconfig.json @@ -25,6 +25,7 @@ "baseUrl": ".", "paths": { "@/*": ["./src/*"], + "@/lib/*": ["./src/lib/*"], "types/*": ["./src/types/*"], "utils/*": ["./src/utils/*"], "assets/*": ["./src/assets/*"], @@ -34,5 +35,7 @@ } }, "include": ["src"], + "exclude": ["dist", "./node_modules"], + "references": [{ "path": "./tsconfig.node.json" }] } diff --git a/packages/frontend/tsconfig.node.json b/packages/frontend/tsconfig.node.json index 97ede7ee..1c0a35dc 100644 --- a/packages/frontend/tsconfig.node.json +++ b/packages/frontend/tsconfig.node.json @@ -2,6 +2,7 @@ "compilerOptions": { "composite": true, "skipLibCheck": true, + "module": "ESNext", "moduleResolution": "bundler", "allowSyntheticDefaultImports": true, diff --git a/packages/frontend/vite.config.d.ts b/packages/frontend/vite.config.d.ts new file mode 100644 index 00000000..340562af --- /dev/null +++ b/packages/frontend/vite.config.d.ts @@ -0,0 +1,2 @@ +declare const _default: import("vite").UserConfig; +export default _default; diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts index c82652b3..ab29b4c2 100644 --- a/packages/frontend/vite.config.ts +++ b/packages/frontend/vite.config.ts @@ -10,11 +10,12 @@ export default defineConfig({ resolve: { alias: { '@': path.resolve(__dirname, './src'), - utils: '/src/utils', - assets: '/src/assets', - context: '/src/context', - components: '/src/components', - pages: '/src/pages', + '@/lib': path.resolve(__dirname, './src/lib'), + utils: path.resolve(__dirname, './src/utils'), + assets: path.resolve(__dirname, './src/assets'), + context: path.resolve(__dirname, './src/context'), + components: path.resolve(__dirname, './src/components'), + pages: path.resolve(__dirname, './src/pages'), }, }, define: { diff --git a/qwrk/docs/frontend/SHADCN_MIGRATION.md b/qwrk/docs/frontend/SHADCN_MIGRATION.md new file mode 100644 index 00000000..fc253fce --- /dev/null +++ b/qwrk/docs/frontend/SHADCN_MIGRATION.md @@ -0,0 +1,110 @@ +# Shadcn Migration Plan + +## Overview + +Migration from legacy shared components to shadcn/ui components and lucide-react icons. + +## 1. Icon Migration Phase + +### Lucide Icon Mappings + +| Current Custom Icon | Lucide Equivalent | +| ------------------------- | ----------------- | +| ArrowLeftCircleFilledIcon | ArrowLeftCircle | +| ArrowRightCircleIcon | ArrowRight | +| BranchIcon | GitBranch | +| BuildingIcon | Building2 | +| CalendarIcon | Calendar | +| CheckIcon | Check | +| ChevronDownIcon | ChevronDown | +| ClockIcon | Clock | +| CopyIcon | Copy | +| CrossIcon | X | +| EditBigIcon | Edit | +| GearIcon | Settings | +| GithubIcon | Github | +| LoaderIcon | Loader2 | +| LockIcon | Lock | +| PlusIcon | Plus | +| SearchIcon | Search | +| TrashIcon | Trash2 | +| WarningIcon | AlertTriangle | + +### Steps + +1. Install lucide-react +2. Replace custom icons with Lucide equivalents +3. Remove CustomIcon directory +4. Update all icon imports + +## 2. Component Migration Phase + +### Direct Replacements + +| Legacy Component | Shadcn Component | +| ---------------- | ------------------ | +| Button | ui/button.tsx | +| Input | ui/input.tsx | +| Select | ui/select.tsx | +| Calendar | ui/calendar.tsx | +| Checkbox | ui/checkbox.tsx | +| Modal | ui/dialog.tsx | +| Radio | ui/radio-group.tsx | +| Switch | ui/switch.tsx | +| Table | ui/table.tsx | +| Tabs | ui/tabs.tsx | +| Toast | ui/toast.tsx | +| Tooltip | ui/tooltip.tsx | + +### Steps + +1. Remove each shared component +2. Update imports to use shadcn components +3. Fix TypeScript errors as they appear +4. Test each component replacement + +## 3. Special Components Phase + +### Components Requiring Custom Handling + +- AsyncSelect (needs custom implementation) +- Any components with specific business logic + +### Steps + +1. Identify components needing special handling +2. Create custom implementations where needed +3. Test thoroughly + +## 4. Theme Migration Phase + +### Steps + +1. Map theme properties to Tailwind classes +2. Update component styling +3. Remove .theme.ts files +4. Verify visual consistency + +## 5. Testing & Validation Phase + +### Steps + +1. Run TypeScript checks +2. Visual testing of all components +3. Test all interactive features +4. Performance testing +5. Cross-browser testing + +## Progress Tracking + +- [ ] Icon Migration Complete +- [ ] Component Migration Complete +- [ ] Special Components Handled +- [ ] Theme Migration Complete +- [ ] Testing & Validation Complete + +## Notes + +- Keep track of any components that need special attention +- Document any deviations from the plan +- Note any breaking changes diff --git a/yarn.lock b/yarn.lock index 4cf435ce..e9a792c0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8433,10 +8433,10 @@ better-opn@^3.0.2: dependencies: open "^8.0.4" -better-sqlite3@^9.2.2: - version "9.5.0" - resolved "https://registry.npmjs.org/better-sqlite3/-/better-sqlite3-9.5.0.tgz" - integrity sha512-01qVcM4gPNwE+PX7ARNiHINwzVuD6nx0gdldaAAcu+MrzyIAukQ31ZDKEpzRO/CNA9sHpxoTZ8rdjoyAin4dyg== +better-sqlite3@^9.4.1: + version "9.6.0" + resolved "https://registry.yarnpkg.com/better-sqlite3/-/better-sqlite3-9.6.0.tgz#b01e58ba7c48abcdc0383b8301206ee2ab81d271" + integrity sha512-yR5HATnqeYNVnkaUTf4bOP2dJSnyhP4puJN/QPRyx4YkBEEUxib422n2XzPqDEHjQQqazoYoADdAm5vE15+dAQ== dependencies: bindings "^1.5.0" prebuild-install "^7.1.1" @@ -16287,16 +16287,7 @@ strict-uri-encode@^2.0.0: resolved "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz" integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ== -"string-width-cjs@npm:string-width@^4.2.0": - version "4.2.3" - resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz" - integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== - dependencies: - emoji-regex "^8.0.0" - is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.1" - -"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -16333,14 +16324,7 @@ string_decoder@~1.1.1: dependencies: safe-buffer "~5.1.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1": - version "6.0.1" - resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz" - integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== - dependencies: - ansi-regex "^5.0.1" - -strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -17618,7 +17602,7 @@ workspace@^0.0.1-preview.1: resolved "https://registry.npmjs.org/workspace/-/workspace-0.0.1-preview.1.tgz" integrity sha512-oPpEvU7NIQ0MW7ReL+EigMUI2JPNp05kmqzWS6zXVUaSq5KxuQzfgxGd8wuurBulBkTaOnEcGge+2rriyDVHkw== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -17636,15 +17620,6 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0: string-width "^4.1.0" strip-ansi "^6.0.0" -wrap-ansi@^7.0.0: - version "7.0.0" - resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" - wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"