Maintenance: Updating icons generator to output typescript (actualbud…

…get#1785)

packages/desktop-client/package.json

@@ -74,7 +74,7 @@
     "watch": "cross-env BROWSER=none yarn start",
     "build": "cross-env INLINE_RUNTIME_CHUNK=false craco build",
     "build:browser": "cross-env ./bin/build-browser",
-    "generate:icons": "rm src/icons/*/*.js; cd src/icons && svgr --expand-props start --ext js -d . .",
+    "generate:icons": "rm src/icons/*/*.tsx; cd src/icons && svgr --typescript --expand-props start -d . .",
     "test": "craco test",
     "e2e": "npx playwright test --browser=chromium",
     "vrt": "cross-env VRT=true npx playwright test --browser=chromium"

packages/desktop-client/src/icons/logo/Logo.js → packages/desktop-client/src/icons/logo/Logo.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgLogo = props => (
+import type { SVGProps } from 'react';
+const SvgLogo = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/logo/index.ts

@@ -0,0 +1 @@
+export { default as Logo } from './Logo';

packages/desktop-client/src/icons/v0/Add.js → packages/desktop-client/src/icons/v0/Add.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAdd = props => (
+import type { SVGProps } from 'react';
+const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/Delete.js → packages/desktop-client/src/icons/v0/Delete.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgDelete = props => (
+import type { SVGProps } from 'react';
+const SvgDelete = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/ExpandArrow.js → packages/desktop-client/src/icons/v0/ExpandArrow.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgExpandArrow = props => (
+import type { SVGProps } from 'react';
+const SvgExpandArrow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/LeftArrow2.js → packages/desktop-client/src/icons/v0/LeftArrow2.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgLeftArrow2 = props => (
+import type { SVGProps } from 'react';
+const SvgLeftArrow2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/Math.js → packages/desktop-client/src/icons/v0/Math.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgMath = props => (
+import type { SVGProps } from 'react';
+const SvgMath = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/Merge.js → packages/desktop-client/src/icons/v0/Merge.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgMerge = props => (
+import type { SVGProps } from 'react';
+const SvgMerge = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/RightArrow2.js → packages/desktop-client/src/icons/v0/RightArrow2.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgRightArrow2 = props => (
+import type { SVGProps } from 'react';
+const SvgRightArrow2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/Split.js → packages/desktop-client/src/icons/v0/Split.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgSplit = props => (
+import type { SVGProps } from 'react';
+const SvgSplit = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/Subtract.js → packages/desktop-client/src/icons/v0/Subtract.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgSubtract = props => (
+import type { SVGProps } from 'react';
+const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v0/index.ts

@@ -0,0 +1,9 @@
+export { default as Add } from './Add';
+export { default as Delete } from './Delete';
+export { default as ExpandArrow } from './ExpandArrow';
+export { default as LeftArrow2 } from './LeftArrow2';
+export { default as Math } from './Math';
+export { default as Merge } from './Merge';
+export { default as RightArrow2 } from './RightArrow2';
+export { default as Split } from './Split';
+export { default as Subtract } from './Subtract';

packages/desktop-client/src/icons/v1/Add.js → packages/desktop-client/src/icons/v1/Add.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAdd = props => (
+import type { SVGProps } from 'react';
+const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/AddOutline.js → packages/desktop-client/src/icons/v1/AddOutline.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAddOutline = props => (
+import type { SVGProps } from 'react';
+const SvgAddOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/AddSolid.js → packages/desktop-client/src/icons/v1/AddSolid.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAddSolid = props => (
+import type { SVGProps } from 'react';
+const SvgAddSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Adjust.js → packages/desktop-client/src/icons/v1/Adjust.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAdjust = props => (
+import type { SVGProps } from 'react';
+const SvgAdjust = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Airplane.js → packages/desktop-client/src/icons/v1/Airplane.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAirplane = props => (
+import type { SVGProps } from 'react';
+const SvgAirplane = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Album.js → packages/desktop-client/src/icons/v1/Album.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAlbum = props => (
+import type { SVGProps } from 'react';
+const SvgAlbum = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/AlignCenter.js → packages/desktop-client/src/icons/v1/AlignCenter.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAlignCenter = props => (
+import type { SVGProps } from 'react';
+const SvgAlignCenter = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/AlignJustified.js → packages/desktop-client/src/icons/v1/AlignJustified.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAlignJustified = props => (
+import type { SVGProps } from 'react';
+const SvgAlignJustified = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/AlignLeft.js → packages/desktop-client/src/icons/v1/AlignLeft.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAlignLeft = props => (
+import type { SVGProps } from 'react';
+const SvgAlignLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/AlignRight.js → packages/desktop-client/src/icons/v1/AlignRight.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAlignRight = props => (
+import type { SVGProps } from 'react';
+const SvgAlignRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Anchor.js → packages/desktop-client/src/icons/v1/Anchor.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAnchor = props => (
+import type { SVGProps } from 'react';
+const SvgAnchor = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Announcement.js → packages/desktop-client/src/icons/v1/Announcement.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAnnouncement = props => (
+import type { SVGProps } from 'react';
+const SvgAnnouncement = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Apparel.js → packages/desktop-client/src/icons/v1/Apparel.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgApparel = props => (
+import type { SVGProps } from 'react';
+const SvgApparel = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowDown.js → packages/desktop-client/src/icons/v1/ArrowDown.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowDown = props => (
+import type { SVGProps } from 'react';
+const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowLeft.js → packages/desktop-client/src/icons/v1/ArrowLeft.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowLeft = props => (
+import type { SVGProps } from 'react';
+const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowOutlineDown.js → packages/desktop-client/src/icons/v1/ArrowOutlineDown.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowOutlineDown = props => (
+import type { SVGProps } from 'react';
+const SvgArrowOutlineDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js → packages/desktop-client/src/icons/v1/ArrowOutlineLeft.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowOutlineLeft = props => (
+import type { SVGProps } from 'react';
+const SvgArrowOutlineLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowOutlineRight.js → packages/desktop-client/src/icons/v1/ArrowOutlineRight.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowOutlineRight = props => (
+import type { SVGProps } from 'react';
+const SvgArrowOutlineRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowOutlineUp.js → packages/desktop-client/src/icons/v1/ArrowOutlineUp.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowOutlineUp = props => (
+import type { SVGProps } from 'react';
+const SvgArrowOutlineUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowRight.js → packages/desktop-client/src/icons/v1/ArrowRight.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowRight = props => (
+import type { SVGProps } from 'react';
+const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThickDown.js → packages/desktop-client/src/icons/v1/ArrowThickDown.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThickDown = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThickDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThickLeft.js → packages/desktop-client/src/icons/v1/ArrowThickLeft.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThickLeft = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThickLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThickRight.js → packages/desktop-client/src/icons/v1/ArrowThickRight.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThickRight = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThickRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThickUp.js → packages/desktop-client/src/icons/v1/ArrowThickUp.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThickUp = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThickUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThinDown.js → packages/desktop-client/src/icons/v1/ArrowThinDown.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThinDown = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThinDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThinLeft.js → packages/desktop-client/src/icons/v1/ArrowThinLeft.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThinLeft = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThinLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThinRight.js → packages/desktop-client/src/icons/v1/ArrowThinRight.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThinRight = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThinRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowThinUp.js → packages/desktop-client/src/icons/v1/ArrowThinUp.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowThinUp = props => (
+import type { SVGProps } from 'react';
+const SvgArrowThinUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/ArrowUp.js → packages/desktop-client/src/icons/v1/ArrowUp.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArrowUp = props => (
+import type { SVGProps } from 'react';
+const SvgArrowUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Artist.js → packages/desktop-client/src/icons/v1/Artist.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgArtist = props => (
+import type { SVGProps } from 'react';
+const SvgArtist = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/AtSymbol.js → packages/desktop-client/src/icons/v1/AtSymbol.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAtSymbol = props => (
+import type { SVGProps } from 'react';
+const SvgAtSymbol = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Attachment.js → packages/desktop-client/src/icons/v1/Attachment.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgAttachment = props => (
+import type { SVGProps } from 'react';
+const SvgAttachment = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Backspace.js → packages/desktop-client/src/icons/v1/Backspace.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgBackspace = props => (
+import type { SVGProps } from 'react';
+const SvgBackspace = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Backward.js → packages/desktop-client/src/icons/v1/Backward.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgBackward = props => (
+import type { SVGProps } from 'react';
+const SvgBackward = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/BackwardStep.js → packages/desktop-client/src/icons/v1/BackwardStep.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgBackwardStep = props => (
+import type { SVGProps } from 'react';
+const SvgBackwardStep = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/Badge.js → packages/desktop-client/src/icons/v1/Badge.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgBadge = props => (
+import type { SVGProps } from 'react';
+const SvgBadge = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"

packages/desktop-client/src/icons/v1/BatteryFull.js → packages/desktop-client/src/icons/v1/BatteryFull.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-const SvgBatteryFull = props => (
+import type { SVGProps } from 'react';
+const SvgBatteryFull = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"