refactor: move icon-utils.ts to ui package (#7111)

* refactor: move icon-utils.ts to ui package

Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>

* fix: imports

Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>

---------

Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>

packages/renderer/src/lib/image/BuildImageFromContainerfileCard.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 import { faCircle, faPlusCircle } from '@fortawesome/free-solid-svg-icons';
+import { isFontAwesomeIcon } from '@podman-desktop/ui-svelte';
 import { createEventDispatcher, onMount, tick } from 'svelte';
 import Fa from 'svelte-fa';
 
-import { isFontAwesomeIcon } from '/@/lib/ui/icon-utils';
-
 import Checkbox from '../ui/Checkbox.svelte';
 import Tooltip from '../ui/Tooltip.svelte';
 

packages/renderer/src/lib/ui/Button.svelte

@@ -1,10 +1,8 @@
 <script lang="ts">
-import { Spinner } from '@podman-desktop/ui-svelte';
+import { isFontAwesomeIcon, Spinner } from '@podman-desktop/ui-svelte';
 import { onMount } from 'svelte';
 import Fa from 'svelte-fa';
 
-import { isFontAwesomeIcon } from '/@/lib/ui/icon-utils';
-
 import type { ButtonType } from './Button';
 
 export let title: string | undefined = undefined;

packages/renderer/src/lib/ui/EmptyScreen.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 import { faPaste } from '@fortawesome/free-solid-svg-icons';
+import { isFontAwesomeIcon } from '@podman-desktop/ui-svelte';
 import { onMount } from 'svelte';
 import Fa from 'svelte-fa';
 
-import { isFontAwesomeIcon } from '/@/lib/ui/icon-utils';
-
 export let icon: any;
 export let title = 'No title';
 export let message = 'Message';

packages/renderer/src/lib/ui/Link.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
+import { isFontAwesomeIcon } from '@podman-desktop/ui-svelte';
 import { createEventDispatcher, onMount } from 'svelte';
 import Fa from 'svelte-fa';
 import { router } from 'tinro';
 
-import { isFontAwesomeIcon } from '/@/lib/ui/icon-utils';
-
 export let internalRef: string | undefined = undefined;
 export let externalRef: string | undefined = undefined;
 export let icon: any = undefined;

packages/renderer/src/lib/ui/ListItemButtonIcon.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 import type { IconDefinition } from '@fortawesome/fontawesome-common-types';
+import { isFontAwesomeIcon } from '@podman-desktop/ui-svelte';
 import { onDestroy, onMount } from 'svelte';
 import type { Unsubscriber } from 'svelte/motion';
 import Fa from 'svelte-fa';
 
-import { isFontAwesomeIcon } from '/@/lib/ui/icon-utils';
 import { context as storeContext } from '/@/stores/context';
 
 import type { ContextUI } from '../context/context';

packages/ui/src/lib/index.ts

@@ -17,5 +17,6 @@
  ***********************************************************************/
 import Input from './input/Input.svelte';
 import Spinner from './spinner/Spinner.svelte';
+import { isFontAwesomeIcon } from './utils/icon-utils';
 
-export { Input, Spinner };
+export { Input, isFontAwesomeIcon, Spinner };

packages/ui/src/lib/utils/icon-utils.spec.ts

@@ -20,7 +20,7 @@ import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { faTrash } from '@fortawesome/free-solid-svg-icons';
 import { expect, test } from 'vitest';
 
-import { isFontAwesomeIcon } from '/@/lib/ui/icon-utils';
+import { isFontAwesomeIcon } from './icon-utils';
 
 test('ensure fas prefix is recognized', () => {
   expect(isFontAwesomeIcon(faTrash)).toBeTruthy();