1560 Replaces WfoArrowLongDown and WfoArrowLongUp with WfoArrowDown a…

…nd WfoArrowUp
workfloworchestrator · Nov 21, 2024 · 4d92f86 · 4d92f86
1 parent ac5829a
commit 4d92f86
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 18 deletions.
diff --git a/...i-components/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoSortDirectionIcon.tsx b/...i-components/src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoSortDirectionIcon.tsx
@@ -1,9 +1,7 @@
 import React, { FC } from 'react';
 
 import { useOrchestratorTheme } from '@/hooks';
-import { WfoArrowsUpDown } from '@/icons';
-import { WfoArrowLongDown } from '@/icons/heroicons/WfoArrowLongDown';
-import { WfoArrowLongUp } from '@/icons/heroicons/WfoArrowLongUp';
+import { WfoArrowDown, WfoArrowUp, WfoArrowsUpDown } from '@/icons';
 import { SortOrder } from '@/types';
 
 import { SORTABLE_ICON_CLASS } from './styles';
@@ -29,10 +27,9 @@ export const WfoSortDirectionIcon: FC<WfoSortDirectionIconProps> = ({
         );
     }
 
-    // Todo replace with Heroicons (0 margin)
     return sortDirection === SortOrder.ASC ? (
-        <WfoArrowLongUp color={theme.colors.subduedText} />
+        <WfoArrowUp color={theme.colors.subduedText} />
     ) : (
-        <WfoArrowLongDown color={theme.colors.subduedText} />
+        <WfoArrowDown color={theme.colors.subduedText} />
     );
 };
diff --git a/.../src/icons/heroicons/WfoArrowLongDown.tsx → ...ents/src/icons/heroicons/WfoArrowDown.tsx b/.../src/icons/heroicons/WfoArrowLongDown.tsx → ...ents/src/icons/heroicons/WfoArrowDown.tsx
@@ -4,24 +4,24 @@ import { WfoIconProps } from '@/icons/WfoIconProps';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-export const WfoArrowLongDownSvg: FC<WfoIconProps> = ({
-    width = 8,
-    height = 16,
+export const WfoArrowDownSvg: FC<WfoIconProps> = ({
+    width = 12,
+    height = 14,
     color = 'currentColor',
 }) => (
     <svg
         width={width}
         height={height}
-        viewBox="6 2 8 16"
+        viewBox="4 3 12 14"
         fill={color}
         xmlns="http://www.w3.org/2000/svg"
     >
         <path
             fillRule="evenodd"
-            d="M10 2a.75.75 0 0 1 .75.75v12.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V2.75A.75.75 0 0 1 10 2Z"
+            d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z"
             clipRule="evenodd"
         />
     </svg>
 );
 
-export const WfoArrowLongDown = withWfoHeroIconsWrapper(WfoArrowLongDownSvg);
+export const WfoArrowDown = withWfoHeroIconsWrapper(WfoArrowDownSvg);
diff --git a/...ts/src/icons/heroicons/WfoArrowLongUp.tsx → ...onents/src/icons/heroicons/WfoArrowUp.tsx b/...ts/src/icons/heroicons/WfoArrowLongUp.tsx → ...onents/src/icons/heroicons/WfoArrowUp.tsx
@@ -4,24 +4,24 @@ import { WfoIconProps } from '@/icons/WfoIconProps';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-export const WfoArrowLongUpSvg: FC<WfoIconProps> = ({
-    width = 8,
-    height = 16,
+export const WfoArrowUpSvg: FC<WfoIconProps> = ({
+    width = 12,
+    height = 14,
     color = 'currentColor',
 }) => (
     <svg
         width={width}
         height={height}
-        viewBox="6 2 8 16"
+        viewBox="4 3 12 14"
         fill={color}
         xmlns="http://www.w3.org/2000/svg"
     >
         <path
             fillRule="evenodd"
-            d="M10 18a.75.75 0 0 1-.75-.75V4.66L7.3 6.76a.75.75 0 0 1-1.1-1.02l3.25-3.5a.75.75 0 0 1 1.1 0l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v12.59A.75.75 0 0 1 10 18Z"
+            d="M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z"
             clipRule="evenodd"
         />
     </svg>
 );
 
-export const WfoArrowLongUp = withWfoHeroIconsWrapper(WfoArrowLongUpSvg);
+export const WfoArrowUp = withWfoHeroIconsWrapper(WfoArrowUpSvg);
diff --git a/packages/orchestrator-ui-components/src/icons/heroicons/index.ts b/packages/orchestrator-ui-components/src/icons/heroicons/index.ts
@@ -1,4 +1,6 @@
 export * from './WfoHeroIconsWrapper';
 
+export * from './WfoArrowDown';
 export * from './WfoArrowsUpDown';
+export * from './WfoArrowUp';
 export * from './WfoWrench';