Replace all icons by the ones exported by compound-design-tokens

matrix-org · Jul 17, 2024 · bd35984 · bd35984
1 parent 9df3612
commit bd35984
Show file tree

Hide file tree

Showing 21 changed files with 26 additions and 353 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -86,7 +86,6 @@
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-graphql-codegen": "^3.3.8",
     "vite-plugin-manifest-sri": "^0.2.0",
-    "vite-plugin-svgr": "^4.2.0",
     "vitest": "^1.4.0"
   }
 }
diff --git a/frontend/src/components/Dialog/Dialog.tsx b/frontend/src/components/Dialog/Dialog.tsx
@@ -21,7 +21,7 @@ import {
   Overlay as DialogOverlay,
   Content as DialogContent,
 } from "@radix-ui/react-dialog";
-import IconClose from "@vector-im/compound-design-tokens/icons/close.svg?react";
+import IconClose from "@vector-im/compound-design-tokens/assets/web/icons/close";
 import { Glass, Tooltip } from "@vector-im/compound-web";
 import { PropsWithChildren } from "react";
 import { useTranslation } from "react-i18next";

diff --git a/frontend/src/components/GenericError.tsx b/frontend/src/components/GenericError.tsx
@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import IconError from "@vector-im/compound-design-tokens/icons/error.svg?react";
+import IconError from "@vector-im/compound-design-tokens/assets/web/icons/error";
 import { Button } from "@vector-im/compound-web";
 import { useState } from "react";
 import { Translation } from "react-i18next";

diff --git a/frontend/src/components/Session/DeviceTypeIcon.tsx b/frontend/src/components/Session/DeviceTypeIcon.tsx
@@ -12,10 +12,10 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import IconComputer from "@vector-im/compound-design-tokens/icons/computer.svg?react";
-import IconMobile from "@vector-im/compound-design-tokens/icons/mobile.svg?react";
-import IconUnknown from "@vector-im/compound-design-tokens/icons/unknown.svg?react";
-import IconBrowser from "@vector-im/compound-design-tokens/icons/web-browser.svg?react";
+import IconComputer from "@vector-im/compound-design-tokens/assets/web/icons/computer";
+import IconMobile from "@vector-im/compound-design-tokens/assets/web/icons/mobile";
+import IconUnknown from "@vector-im/compound-design-tokens/assets/web/icons/unknown";
+import IconBrowser from "@vector-im/compound-design-tokens/assets/web/icons/web-browser";
 import { FunctionComponent, SVGProps } from "react";
 import { useTranslation } from "react-i18next";
 

diff --git a/frontend/src/components/Session/EndSessionButton.tsx b/frontend/src/components/Session/EndSessionButton.tsx
@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import IconSignOut from "@vector-im/compound-design-tokens/icons/sign-out.svg?react";
+import IconSignOut from "@vector-im/compound-design-tokens/assets/web/icons/sign-out";
 import { Button } from "@vector-im/compound-web";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";

diff --git a/frontend/src/components/Session/__snapshots__/SelectableSession.test.tsx.snap b/frontend/src/components/Session/__snapshots__/SelectableSession.test.tsx.snap
diff --git a/frontend/src/components/SessionCard/SessionCard.stories.tsx b/frontend/src/components/SessionCard/SessionCard.stories.tsx
@@ -13,7 +13,7 @@
 // limitations under the License.
 
 import type { Meta, StoryObj } from "@storybook/react";
-import IconSignOut from "@vector-im/compound-design-tokens/icons/sign-out.svg?react";
+import IconSignOut from "@vector-im/compound-design-tokens/assets/web/icons/sign-out";
 import { Button } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 

diff --git a/frontend/src/components/SessionDetail/SessionDetails.tsx b/frontend/src/components/SessionDetail/SessionDetails.tsx
@@ -12,12 +12,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import IconChat from "@vector-im/compound-design-tokens/icons/chat.svg?react";
-import IconComputer from "@vector-im/compound-design-tokens/icons/computer.svg?react";
-import IconError from "@vector-im/compound-design-tokens/icons/error.svg?react";
-import IconInfo from "@vector-im/compound-design-tokens/icons/info.svg?react";
-import IconSend from "@vector-im/compound-design-tokens/icons/send.svg?react";
-import IconUserProfile from "@vector-im/compound-design-tokens/icons/user-profile.svg?react";
+import IconChat from "@vector-im/compound-design-tokens/assets/web/icons/chat";
+import IconComputer from "@vector-im/compound-design-tokens/assets/web/icons/computer";
+import IconError from "@vector-im/compound-design-tokens/assets/web/icons/error";
+import IconInfo from "@vector-im/compound-design-tokens/assets/web/icons/info";
+import IconSend from "@vector-im/compound-design-tokens/assets/web/icons/send";
+import IconUserProfile from "@vector-im/compound-design-tokens/assets/web/icons/user-profile";
 import { Text } from "@vector-im/compound-web";
 import { ReactNode } from "react";
 import { useTranslation } from "react-i18next";