Merge pull request #3229 from metabrainz/fix-dompurify

Fix DOMPurify imports

Author: MonkeyDo

frontend/js/src/artist/ArtistPage.tsx

@@ -8,7 +8,7 @@ import {
   faUserAstronaut,
 } from "@fortawesome/free-solid-svg-icons";
 import { chain, isEmpty, isUndefined, orderBy, groupBy, sortBy } from "lodash";
-import * as DOMPurify from "dompurify";
+import DOMPurify from "dompurify";
 import {
   Link,
   useLoaderData,
@@ -18,7 +18,6 @@ import {
 } from "react-router-dom";
 import { Helmet } from "react-helmet";
 import { useQuery } from "@tanstack/react-query";
-import NiceModal from "@ebay/nice-modal-react";
 import { faCalendar } from "@fortawesome/free-regular-svg-icons";
 import { getReviewEventContent } from "../utils/utils";
 import TagsComponent from "../tags/TagsComponent";

frontend/js/src/common/listens/ListenPayloadModal.tsx

@@ -4,7 +4,7 @@ import NiceModal, { useModal } from "@ebay/nice-modal-react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCopy } from "@fortawesome/free-solid-svg-icons";
 import hljs from "highlight.js/lib/core";
-import * as DOMPurify from "dompurify";
+import DOMPurify from "dompurify";
 
 const json = require("highlight.js/lib/languages/json");
 

frontend/js/src/player/PlayerPage.tsx

@@ -6,7 +6,7 @@ import { faCog, faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
 import { toast } from "react-toastify";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import * as DOMPurify from "dompurify";
+import DOMPurify from "dompurify";
 import {
   Link,
   Navigate,
@@ -19,7 +19,6 @@ import GlobalAppContext from "../utils/GlobalAppContext";
 
 import {
   MUSICBRAINZ_JSPF_PLAYLIST_EXTENSION,
-  PLAYLIST_TRACK_URI_PREFIX,
   getRecordingMBIDFromJSPFTrack,
   JSPFTrackToListen,
 } from "../playlists/utils";

frontend/js/src/playlists/Playlist.tsx

@@ -13,7 +13,7 @@ import {
 import { sanitizeUrl } from "@braintree/sanitize-url";
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as DOMPurify from "dompurify";
+import DOMPurify from "dompurify";
 import { ReactSortable } from "react-sortablejs";
 import { toast } from "react-toastify";
 import { io, Socket } from "socket.io-client";

frontend/js/src/user-feed/UserFeed.tsx

@@ -11,7 +11,6 @@ import {
   faHeart,
   faPaperPlane,
   faPlayCircle,
-  faPlus,
   faQuestion,
   faRefresh,
   faRss,
@@ -23,7 +22,7 @@ import {
   faUserSlash,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as DOMPurify from "dompurify";
+import DOMPurify from "dompurify";
 import { reject as _reject } from "lodash";
 import * as React from "react";
 import { Helmet } from "react-helmet";

frontend/js/src/user/playlists/components/PlaylistCard.tsx

@@ -12,7 +12,7 @@ import {
 
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import * as DOMPurify from "dompurify";
+import DOMPurify from "dompurify";
 import { toast } from "react-toastify";
 import { Link, useNavigate } from "react-router-dom";
 import Card from "../../../components/Card";

frontend/js/src/user/recommendations/components/RecommendationPlaylistSettings.tsx

@@ -8,7 +8,7 @@ import {
   faRss,
   faSave,
 } from "@fortawesome/free-solid-svg-icons";
-import * as DOMPurify from "dompurify";
+import DOMPurify from "dompurify";
 import NiceModal from "@ebay/nice-modal-react";
 import { Link, useLoaderData } from "react-router-dom";
 import { getPlaylistExtension, getPlaylistId } from "../../../playlists/utils";