fix: link style

Signed-off-by: Innei <i@innei.in>

icons/mgc/heart_cute_fi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" fill-opacity=".01" d="M24 0v24H0V0z"/><path fill="#10161F" fill-rule="evenodd" d="M4.871 4.224c1.763-1.329 4.14-1.715 6.305-.456.326.19.551.32.714.408.102.055.118.055.22 0 .163-.088.388-.218.714-.408 2.164-1.26 4.542-.873 6.305.456 1.75 1.32 2.927 3.576 2.869 6.17-.081 3.609-2.89 6.793-7.679 9.637a4.549 4.549 0 0 1-4.638 0c-4.788-2.844-7.598-6.028-7.679-9.637-.058-2.594 1.12-4.85 2.87-6.17" clip-rule="evenodd"/></svg>

src/renderer/src/modules/entry-content/index.tsx

@@ -136,7 +136,7 @@ function EntryContentRender({ entryId }: { entryId: string }) {
             <a
               href={entry.entries.url || void 0}
               target="_blank"
-              className="-mx-6 block rounded-lg p-6 transition-colors hover:bg-theme-item-hover focus-visible:bg-theme-item-hover focus-visible:!outline-none"
+              className="-mx-6 block cursor-default rounded-lg p-6 transition-colors hover:bg-theme-item-hover focus-visible:bg-theme-item-hover focus-visible:!outline-none"
               rel="noreferrer"
             >
               <div className="select-text break-words text-3xl font-bold">

src/renderer/src/modules/feed-column/list.tsx

@@ -162,7 +162,7 @@ export function FeedList({
               <div className="flex h-full flex-1 items-center text-zinc-500">
                 <Link
                   to="/discover"
-                  className="-mt-36 flex h-full flex-1 flex-col items-center justify-center gap-2"
+                  className="-mt-36 flex h-full flex-1 cursor-default flex-col items-center justify-center gap-2"
                   onClick={stopPropagation}
                 >
                   <i className="i-mgc-add-cute-re text-3xl" />

src/renderer/src/modules/settings/modal/content.tsx

@@ -1,3 +1,4 @@
+import { repository } from "@pkg"
 import { MotionButtonBase } from "@renderer/components/ui/button"
 import { useCurrentModal } from "@renderer/components/ui/modal"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
@@ -62,6 +63,17 @@ const Content = () => {
         viewportClassName="pr-1"
       >
         <Component />
+        <p className="mt-12 flex items-center justify-center gap-1 text-xs opacity-80">
+          <i className="i-mgc-heart-cute-fi" />
+          {" "}
+          {/* 喜欢我们的产品？在 GitHub 给添加星标 并 分享您宝贵的建议 ! */}
+          Love our product?
+          {" "}
+          <a href={`${repository.url}`} className="text-theme-accent" target="_blank">
+            Give us a star on GitHub
+          </a>
+          !
+        </p>
       </ScrollArea.ScrollArea>
     </>
   )

src/renderer/src/modules/settings/modal/layout.tsx

@@ -30,12 +30,10 @@ export function SettingModalLayout(
     }
   }, [])
 
-  const { draggable, overlay } = useUISettingSelector(
-    ((state) => ({
-      draggable: state.modalDraggable,
-      overlay: state.modalOverlay,
-    })),
-  )
+  const { draggable, overlay } = useUISettingSelector((state) => ({
+    draggable: state.modalDraggable,
+    overlay: state.modalOverlay,
+  }))
   const dragController = useDragControls()
   const handleDrag: PointerEventHandler<HTMLDivElement> = useCallback(
     (e) => {

src/renderer/src/pages/(external)/(with-layout)/feed/[id]/index.tsx

@@ -89,7 +89,7 @@ export function Component() {
             {" "}
             {APP_NAME}
           </div>
-          <a className="mb-8" href={`${DEEPLINK_SCHEME}add?id=${id}`}>
+          <a className="mb-8 cursor-default" href={`${DEEPLINK_SCHEME}add?id=${id}`}>
             <StyledButton>
               <FollowIcon className="mr-1 size-3" />
               {APP_NAME}

src/renderer/src/pages/(external)/(with-layout)/profile/[id]/index.tsx

@@ -79,7 +79,7 @@ export function Component() {
                 <div>
                   {subscriptions.data?.[category].map((subscription) => (
                     <div key={subscription.feedId} className="group relative border-b py-5">
-                      <a className="flex flex-1" href={subscription.feeds.siteUrl!} target="_blank">
+                      <a className="flex flex-1 cursor-default" href={subscription.feeds.siteUrl!} target="_blank">
                         <FeedIcon feed={subscription.feeds} size={22} className="mr-3" />
                         <div className="flex-1">
                           <div className="truncate font-medium leading-none">{subscription.feeds?.title}</div>

src/renderer/src/pages/settings/layout.tsx

@@ -2,12 +2,9 @@ import { Logo } from "@renderer/components/icons/logo"
 import { Vibrancy } from "@renderer/components/ui/background"
 import { preventDefault } from "@renderer/lib/dom"
 import { settings } from "@renderer/modules/settings/constants"
-import {
-  SettingsSidebarTitle,
-} from "@renderer/modules/settings/title"
+import { SettingsSidebarTitle } from "@renderer/modules/settings/title"
 import { Link, Outlet, useLocation } from "react-router-dom"
 
-// TODO Web UI
 export function Component() {
   const location = useLocation()
   const tab = location.pathname.replace(/^\/settings\/?/, "")
@@ -20,7 +17,7 @@ export function Component() {
             {settings.map((t) => (
               <Link
                 key={t.path}
-                className={`my-1 flex items-center rounded-md px-2.5 py-0.5 leading-loose text-theme-foreground/70 transition-colors dark:text-theme-foreground/90 ${
+                className={`my-1 flex cursor-default items-center rounded-md px-2.5 py-0.5 leading-loose text-theme-foreground/70 transition-colors dark:text-theme-foreground/90 ${
                   tab === t.path ?
                     "bg-native-active text-theme-foreground/90" :
                     ""

src/renderer/src/styles/base.css

@@ -16,8 +16,7 @@ body,
   outline: none;
 }
 
-button,
-a {
+button {
   @apply cursor-default;
 }