feat: settings title

RSSNext · May 24, 2024 · e1f88de · e1f88de
1 parent 9507779
commit e1f88de
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 48 deletions.
diff --git a/src/renderer/src/pages/settings/index.tsx b/src/renderer/src/pages/settings/index.tsx
@@ -1,3 +1,10 @@
 export function Component() {
-  return <>general</>
+  return (
+    <>
+      <h1 className="text-2xl font-bold mb-4 flex items-center gap-2">
+        <i className="i-mingcute-settings-7-line text-xl" />
+        General
+      </h1>
+    </>
+  )
 }
diff --git a/src/renderer/src/pages/settings/profile.tsx b/src/renderer/src/pages/settings/profile.tsx
@@ -56,51 +56,57 @@ export function Component() {
   }
 
   return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-        <FormField
-          control={form.control}
-          name="handle"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Handle</FormLabel>
-              <FormControl>
-                <Input {...field} />
-              </FormControl>
-              <FormDescription>Your unique identifier.</FormDescription>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={form.control}
-          name="name"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Display Name</FormLabel>
-              <FormControl>
-                <Input {...field} />
-              </FormControl>
-              <FormDescription>Your public display name.</FormDescription>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={form.control}
-          name="avatar"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Avatar</FormLabel>
-              <FormControl>
-                <Input {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <Button type="submit">Submit</Button>
-      </form>
-    </Form>
+    <>
+      <h1 className="text-2xl font-bold mb-4 flex items-center gap-2">
+        <i className="i-mingcute-user-setting-line text-xl" />
+        Profile
+      </h1>
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+          <FormField
+            control={form.control}
+            name="handle"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Handle</FormLabel>
+                <FormControl>
+                  <Input {...field} />
+                </FormControl>
+                <FormDescription>Your unique identifier.</FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+          <FormField
+            control={form.control}
+            name="name"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Display Name</FormLabel>
+                <FormControl>
+                  <Input {...field} />
+                </FormControl>
+                <FormDescription>Your public display name.</FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+          <FormField
+            control={form.control}
+            name="avatar"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Avatar</FormLabel>
+                <FormControl>
+                  <Input {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+          <Button type="submit">Submit</Button>
+        </form>
+      </Form>
+    </>
   )
 }
diff --git a/src/renderer/src/pages/settings/rsshub.tsx b/src/renderer/src/pages/settings/rsshub.tsx
@@ -1,3 +1,10 @@
 export function Component() {
-  return <>rsshub</>
+  return (
+    <>
+      <h1 className="text-2xl font-bold mb-4 flex items-center gap-2">
+        <i className="i-mingcute-palette-line text-xl" />
+        RSSHub
+      </h1>
+    </>
+  )
 }