Converted icons to typescript

src/icons/AddIcon.tsx

@@ -1,6 +1,4 @@
-import React from "react";
-
-function AddIcon({ large }) {
+function AddIcon({ large }: { large: boolean }) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/AddPartyMemberIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function AddPartyMemberIcon() {
   return (
     <svg

src/icons/BlendOffIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BlendOffIcon() {
   return (
     <svg

src/icons/BlendOnIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BlendOnIcon() {
   return (
     <svg

src/icons/BrushCircleIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BrushCircleIcon() {
   return (
     <svg

src/icons/BrushLineIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BrushLineIcon() {
   return (
     <svg

src/icons/BrushPaintIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BrushPaintIcon() {
   return (
     <svg

src/icons/BrushRectangleIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BrushRectangleIcon() {
   return (
     <svg

src/icons/BrushStrokeIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BrushStrokeIcon() {
   return (
     <svg

src/icons/BrushToolIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BrushToolIcon() {
   return (
     <svg

src/icons/BrushTriangleIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function BrushTriangleIcon() {
   return (
     <svg

src/icons/ChangeNicknameIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ChangeNicknameIcon() {
   return (
     <svg

src/icons/ClearDiceIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ClearDiceIcon() {
   return (
     <svg

src/icons/D100Icon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function D100Icon() {
   return (
     <svg

src/icons/D10Icon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function D10Icon() {
   return (
     <svg

src/icons/D12Icon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function D12Icon() {
   return (
     <svg

src/icons/D20Icon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function D20Icon() {
   return (
     <svg

src/icons/D4Icon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function D4Icon() {
   return (
     <svg

src/icons/D6Icon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function D6Icon() {
   return (
     <svg

src/icons/D8Icon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function D8Icon() {
   return (
     <svg

src/icons/DiceRollsIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function DiceRollsIcon() {
   return (
     <svg

src/icons/DonateIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function DonateIcon() {
   return (
     <svg

src/icons/EditTileIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function EditTileIcon() {
   return (
     <svg

src/icons/EraseAllIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function EraseAllIcon() {
   return (
     <svg

src/icons/EraseToolIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function EraseToolIcon() {
   return (
     <svg

src/icons/ExpandMoreDiceIcon.tsx

@@ -1,6 +1,4 @@
-import React from "react";
-
-function ExpandMoreDiceIcon({ isExpanded }) {
+function ExpandMoreDiceIcon({ isExpanded }: { isExpanded: boolean }) {
   return (
     <svg
       width="24"

src/icons/ExpandMoreDiceTrayIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ExpandMoreDotIcon() {
   return (
     <svg

src/icons/ExpandMoreDotIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ExpandMoreDotIcon() {
   return (
     <svg

src/icons/ExpandMoreIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ExpandMoreIcon() {
   return (
     <svg

src/icons/FogBrushIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogBrushIcon() {
   return (
     <svg

src/icons/FogCutOffIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogCutOffIcon() {
   return (
     <svg

src/icons/FogCutOnIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogCutOnIcon() {
   return (
     <svg

src/icons/FogMultilayerOffIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogMultilayerOffIcon() {
   return (
     <svg

src/icons/FogMultilayerOnIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogMultilayerOnIcon() {
   return (
     <svg

src/icons/FogPolygonIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogPolygonIcon() {
   return (
     <svg

src/icons/FogPreviewOffIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogPreviewOffIcon() {
   return (
     <svg

src/icons/FogPreviewOnIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogPreviewOnIcon() {
   return (
     <svg

src/icons/FogRectangleIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogRectangleIcon() {
   return (
     <svg

src/icons/FogRemoveIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogRemoveIcon() {
   return (
     <svg

src/icons/FogToggleIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogToggleIcon() {
   return (
     <svg

src/icons/FogToolIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FogToolIcon() {
   return (
     <svg

src/icons/FullScreenExitIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FullScreenIcon() {
   return (
     <svg

src/icons/FullScreenIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function FullScreenIcon() {
   return (
     <svg

src/icons/GestureOffIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function GestureOffIcon() {
   return (
     <svg

src/icons/GestureOnIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function GestureOnIcon() {
   return (
     <svg

src/icons/GridOffIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function GridOffIcon() {
   return (
     <svg

src/icons/GridOnIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function GridOnIcon() {
   return (
     <svg

src/icons/GroupIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function GroupIcon() {
   return (
     <svg

src/icons/HelpIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function HelpIcon() {
   return (
     <svg

src/icons/MeasureToolIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function MeasureToolIcon() {
   return (
     <svg

src/icons/MoveIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function MoveIcon() {
   return (
     <svg

src/icons/MoveToolIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function MoveToolIcon() {
   return (
     <svg

src/icons/NoteTextIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function NoteTextIcon() {
   return (
     <svg

src/icons/NoteToolIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function NoteToolIcon() {
   return (
     <svg

src/icons/OfflineIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function PointerToolIcon() {
   return (
     <svg

src/icons/PointerToolIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function PointerToolIcon() {
   return (
     <svg

src/icons/ReconnectingIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ReconnectingIcon() {
   return (
     <svg

src/icons/RedoIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function RedoIcon() {
   return (
     <svg

src/icons/RemoveMapIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function RemoveMapIcon() {
   return (
     <svg

src/icons/RemoveTokenIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function RemoveTokenIcon() {
   return (
     <svg

src/icons/RerollDiceIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function RerollDiceIcon() {
   return (
     <svg

src/icons/ResetMapIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ResetMapIcon() {
   return (
     <svg

src/icons/SearchIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SearchIcon() {
   return (
     <svg

src/icons/SelectDiceIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SelectDiceIcon() {
   return (
     <svg

src/icons/SelectMapIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SelectMapIcon() {
   return (
     <svg

src/icons/SelectMultipleIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SelectMultipleIcon() {
   return (
     <svg

src/icons/SelectSingleIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SelectSingleIcon() {
   return (
     <svg

src/icons/SelectTokensIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SelectMapIcon() {
   return (
     <svg

src/icons/SettingsIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SettingsIcon() {
   return (
     <svg

src/icons/ShareDiceOffIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ShareDiceOffIcon() {
   return (
     <svg

src/icons/ShareDiceOnIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function ShareDiceOnIcon() {
   return (
     <svg

src/icons/SocialPatreonIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SocialPatreonIcon() {
   return (
     <svg

src/icons/SocialRedditIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SocialRedditIcon() {
   return (
     <svg

src/icons/SocialTwitterIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SocialTwitterIcon() {
   return (
     <svg

src/icons/SocialYouTubeIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function SocialYouTubeIcon() {
   return (
     <svg

src/icons/StartTimerIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function StartTimerIcon() {
   return (
     <svg

src/icons/StreamMuteIcon.tsx

@@ -1,6 +1,4 @@
-import React from "react";
-
-function StreamMuteIcon({ muted }) {
+function StreamMuteIcon({ muted }: { muted: boolean }) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

src/icons/TokenHideIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function TokenHideIcon() {
   return (
     <svg

src/icons/TokenLockIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function TokenLockIcon() {
   return (
     <svg

src/icons/TokenShowIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function TokenShowIcon() {
   return (
     <svg

src/icons/TokenUnlockIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function TokenUnlockIcon() {
   return (
     <svg

src/icons/UndoIcon.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 function UndoIcon() {
   return (
     <svg