OV-29: * add a separted folder for icons

BinaryStudioAcademy · Aug 23, 2024 · 090e086 · 090e086
1 parent 80b0bcf
commit 090e086
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 18 deletions.
diff --git a/frontend/src/bundles/auth/components/common/password-input/password-input.tsx b/frontend/src/bundles/auth/components/common/password-input/password-input.tsx
@@ -2,11 +2,10 @@ import {
     IconButton,
     Input,
     InputGroup,
-    InputRightElement,
-    ViewIcon,
-    ViewOffIcon,
+    InputRightElement
 } from '~/bundles/common/components/components.js';
 import { useCallback, useState } from '~/bundles/common/hooks/hooks.js';
+import { ViewIcon, ViewOffIcon } from '~/bundles/common/icons/icons.js';
 
 type Properties = {
     label: string;

diff --git a/frontend/src/bundles/common/components/components.ts b/frontend/src/bundles/common/components/components.ts
@@ -7,8 +7,6 @@ export { Overlay } from './overlay/overlay.js';
 export { Player } from './player/player.js';
 export { RouterProvider } from './router-provider/router-provider.js';
 export { VideoModal } from './video-modal/video-modal.js';
-export { DownloadIcon } from '@chakra-ui/icons';
-export { ViewIcon, ViewOffIcon } from '@chakra-ui/icons';
 export {
     Box,
     Center,
@@ -28,13 +26,6 @@ export {
     Text,
     VStack,
 } from '@chakra-ui/react';
-export {
-    faCircleUser,
-    faCloudArrowUp,
-    faFont,
-    faT,
-    faTableColumns,
-} from '@fortawesome/free-solid-svg-icons';
 export { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 export { FormikProvider as FormProvider } from 'formik';
 export { Provider as StoreProvider } from 'react-redux';

diff --git a/frontend/src/bundles/common/icons/chakra-icon/chakra-icon.ts b/frontend/src/bundles/common/icons/chakra-icon/chakra-icon.ts
@@ -0,0 +1 @@
+export { DownloadIcon, ViewIcon, ViewOffIcon } from '@chakra-ui/icons';
diff --git a/frontend/src/bundles/common/icons/font-awesome-icon/font-awesome-icon.ts b/frontend/src/bundles/common/icons/font-awesome-icon/font-awesome-icon.ts
@@ -0,0 +1,7 @@
+export {
+    faCircleUser,
+    faCloudArrowUp,
+    faFont,
+    faT,
+    faTableColumns,
+} from '@fortawesome/free-solid-svg-icons';
diff --git a/frontend/src/bundles/common/icons/icons.ts b/frontend/src/bundles/common/icons/icons.ts
@@ -0,0 +1,8 @@
+export { DownloadIcon, ViewIcon, ViewOffIcon } from './chakra-icon/chakra-icon.js';
+export {
+    faCircleUser,
+    faCloudArrowUp,
+    faFont,
+    faT,
+    faTableColumns,
+} from './font-awesome-icon/font-awesome-icon.js';
diff --git a/frontend/src/bundles/studio/pages/studio.tsx b/frontend/src/bundles/studio/pages/studio.tsx
@@ -1,9 +1,9 @@
 import {
     Button,
-    DownloadIcon,
     Header,
     IconButton,
 } from '~/bundles/common/components/components.js';
+import { DownloadIcon } from '~/bundles/common/icons/icons.js';
 
 const Studio: React.FC = () => {
     return (

diff --git a/frontend/src/bundles/video-editor/components/mock/menu-mock.tsx b/frontend/src/bundles/video-editor/components/mock/menu-mock.tsx
@@ -1,9 +1,9 @@
 import {
-    faCloudArrowUp,
     Flex,
     FontAwesomeIcon,
     Icon,
 } from '~/bundles/common/components/components.js';
+import { faCloudArrowUp } from '~/bundles/common/icons/icons.js';
 
 const TemplatesContent: React.FC = () => (
     <div>This is the Templates content.</div>

diff --git a/frontend/src/bundles/video-editor/pages/video-editor.tsx b/frontend/src/bundles/video-editor/pages/video-editor.tsx
@@ -1,13 +1,12 @@
+import { FontAwesomeIcon, Icon } from '~/bundles/common/components/components.js';
+import { useCallback, useState } from '~/bundles/common/hooks/hooks.js';
 import {
     faCircleUser,
     faCloudArrowUp,
     faFont,
     faT,
     faTableColumns,
-    FontAwesomeIcon,
-    Icon,
-} from '~/bundles/common/components/components.js';
-import { useCallback, useState } from '~/bundles/common/hooks/hooks.js';
+} from '~/bundles/common/icons/icons.js';
 
 import { Menu, MenuBody } from '../components/components.js';
 import {
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export { DownloadIcon, ViewIcon, ViewOffIcon } from '@chakra-ui/icons';