refactor: move the preview card to bottom

RSSNext · Oct 13, 2024 · 94ededf · 94ededf
1 parent 4143e67
commit 94ededf
Showing 1 changed file with 21 additions and 13 deletions.
diff --git a/apps/renderer/src/modules/discover/feed-form.tsx b/apps/renderer/src/modules/discover/feed-form.tsx
@@ -274,18 +274,6 @@ const FeedInnerForm = ({
       </Card>
       <Form {...form}>
         <form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-1 flex-col gap-y-4">
-          <FormField
-            control={form.control}
-            name="view"
-            render={() => (
-              <FormItem>
-                <FormLabel>{t("feed_form.view")}</FormLabel>
-
-                <ViewSelectorRadioGroup {...form.register("view")} />
-                <FormMessage />
-              </FormItem>
-            )}
-          />
           <FormField
             control={form.control}
             name="title"
@@ -351,7 +339,27 @@ const FeedInnerForm = ({
               </FormItem>
             )}
           />
-          <div className="flex flex-1 items-end justify-end gap-4">
+          <FormField
+            control={form.control}
+            name="view"
+            render={({ field }) => (
+              <FormItem>
+                <div>
+                  <FormLabel>{t("feed_form.view")}</FormLabel>
+                  <FormDescription>{t("feed_form.view_description")}</FormDescription>
+                </div>
+
+                <ViewSelectorRadioGroup
+                  feedOrList={feed}
+                  value={field.value}
+                  {...form.register("view")}
+                />
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className="fixed inset-x-0 bottom-0 flex flex-1 items-end justify-end gap-4 bg-theme-background p-4">
             {isSubscribed && (
               <Button
                 type="button"