diff --git a/apps/desktop/layer/renderer/src/modules/new-user-guide/guide-modal-content.tsx b/apps/desktop/layer/renderer/src/modules/new-user-guide/guide-modal-content.tsx index b4f8d304a..c14cbfded 100644 --- a/apps/desktop/layer/renderer/src/modules/new-user-guide/guide-modal-content.tsx +++ b/apps/desktop/layer/renderer/src/modules/new-user-guide/guide-modal-content.tsx @@ -18,6 +18,7 @@ import { DiscoverImport } from "../discover/import" import { ProfileSettingForm } from "../profile/profile-setting-form" import { settingSyncQueue } from "../settings/helper/sync-queue" import { LanguageSelector } from "../settings/tabs/general" +import { Trending } from "../trending" import { BehaviorGuide } from "./steps/behavior" const containerWidth = 600 @@ -92,6 +93,16 @@ export function GuideModalContent({ onClose }: { onClose: () => void }) { content: createElement(DiscoverImport), icon: "i-mgc-file-import-cute-re", }, + { + title: t.app("new_user_guide.step.discover.title"), + description: t.app("new_user_guide.step.discover.description"), + content: ( +
+ +
+ ), + icon: "i-mgc-emoji-2-cute-re", + }, { title: t.app("new_user_guide.step.profile.title"), description: t.app("new_user_guide.step.profile.description"), @@ -144,9 +155,9 @@ export function GuideModalContent({ onClose }: { onClose: () => void }) { return ( -
+
void }) { x: { type: "spring", stiffness: 300, damping: 30 }, opacity: { duration: 0.1 }, }} - className="min-w-0 px-6 sm:mt-12" + className="flex min-w-0 flex-col px-6 sm:mt-12" > {!!title && (
diff --git a/apps/desktop/layer/renderer/src/modules/trending/index.tsx b/apps/desktop/layer/renderer/src/modules/trending/index.tsx index b55ba7cfc..70d968386 100644 --- a/apps/desktop/layer/renderer/src/modules/trending/index.tsx +++ b/apps/desktop/layer/renderer/src/modules/trending/index.tsx @@ -120,7 +120,7 @@ export function Trending({ {isLoading ? ( <> {Array.from({ length: limit }).map((_, index) => ( - + ))} ) : ( diff --git a/icons/mgc/emoji_2_cute_re.svg b/icons/mgc/emoji_2_cute_re.svg new file mode 100644 index 000000000..3bbf42467 --- /dev/null +++ b/icons/mgc/emoji_2_cute_re.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/locales/app/en.json b/locales/app/en.json index 47ebdeba8..008577d26 100644 --- a/locales/app/en.json +++ b/locales/app/en.json @@ -255,6 +255,8 @@ "new_user_guide.step.behavior.unread_question.option1": "Radical: Automatically marked as read when displayed.", "new_user_guide.step.behavior.unread_question.option2": "Balanced: Automatically marked as read when hovered over or scrolled out of view.", "new_user_guide.step.behavior.unread_question.option3": "Conservative: Marked as read only when clicked.", + "new_user_guide.step.discover.description": "You can also find it later in Discover.", + "new_user_guide.step.discover.title": "Recommend for you", "new_user_guide.step.features.actions.description": "Action rules allow you to perform different actions for different feeds.\n- Using AI to summarize or translate.\n- Configure how to read entries.\n- Enable notifications for new entries or silence them.\n- Rewrite or block specific entries.\n- Send new entries to a webhook address.", "new_user_guide.step.features.integration.description": "Integrations allow you to save entries to other services. Currently supported services are:\n- Eagle\n- Readwise\n- Instapaper\n- Obsidian\n- Outline\n- Readeck", "new_user_guide.step.migrate.description": "You can also import them later in Discover.",