diff --git a/apps/desktop/src/renderer/src/modules/new-user-guide/guide-modal-content.tsx b/apps/desktop/src/renderer/src/modules/new-user-guide/guide-modal-content.tsx index b96a27b94..56b65de1e 100644 --- a/apps/desktop/src/renderer/src/modules/new-user-guide/guide-modal-content.tsx +++ b/apps/desktop/src/renderer/src/modules/new-user-guide/guide-modal-content.tsx @@ -8,6 +8,7 @@ import type { ComponentProps, FunctionComponentElement } from "react" import { createElement, useCallback, useEffect, useMemo, useState } from "react" import { Trans, useTranslation } from "react-i18next" +import RSSHubIconUrl from "~/assets/rsshub-icon.png?url" import { useGeneralSettingKey } from "~/atoms/settings/general" import { mountLottie } from "~/components/ui/lottie-container" import { Markdown } from "~/components/ui/markdown/Markdown" @@ -24,7 +25,7 @@ import { LanguageSelector } from "../settings/tabs/general" import { BehaviorGuide } from "./steps/behavior" import { RSSHubGuide } from "./steps/rsshub" -const RSSHubIcon = `data:image/png;base64,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` +const RSSHubIcon = new URL(RSSHubIconUrl, import.meta.url).href const containerWidth = 600 const variants = { enter: (direction: number) => {