add subscription to org

apps/studio.saladeaula.digital/app/routes/edit.tsx

@@ -8,7 +8,6 @@ import { Await, useAsyncValue, useFetcher } from 'react-router'
 import { toast } from 'sonner'
 import { z } from 'zod'
 
-import { request as req, HttpMethod } from '@repo/util/request'
 import { Skeleton } from '@repo/ui/components/skeleton'
 import {
   Breadcrumb,
@@ -33,6 +32,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from '@repo/ui/components/ui/dropdown-menu'
+import { FieldGroup, FieldLegend, FieldSet } from '@repo/ui/components/ui/field'
 import {
   Form,
   FormControl,
@@ -51,6 +51,7 @@ import {
 } from '@repo/ui/components/ui/input-group'
 import { Spinner } from '@repo/ui/components/ui/spinner'
 import { Switch } from '@repo/ui/components/ui/switch'
+import { HttpMethod, request as req } from '@repo/util/request'
 
 const formSchema = z
   .object({
@@ -211,7 +212,8 @@ function Editing() {
               Configurar as informações gerais para este curso
             </CardDescription>
           </CardHeader>
-          <CardContent className="space-y-4">
+
+          <CardContent className="space-y-6">
             <FormField
               control={form.control}
               name="name"
@@ -276,8 +278,10 @@ function Editing() {
             />
 
             {givenCert ? (
-              <div className="space-y-4 border rounded-lg p-4 bg-accent/50">
-                <h3 className="font-medium">Configurações do certificado</h3>
+              <FieldSet className="border rounded-lg p-6 bg-accent/10">
+                <FieldLegend className="mb-0">
+                  Configurações do certificado
+                </FieldLegend>
 
                 <div className="space-y-1.5">
                   <FormField
@@ -369,7 +373,7 @@ function Editing() {
                     </FormItem>
                   )}
                 />
-              </div>
+              </FieldSet>
             ) : null}
 
             <FormField
@@ -388,19 +392,17 @@ function Editing() {
                 </FormItem>
               )}
             />
+
+            <Button
+              type="submit"
+              className="cursor-pointer"
+              disabled={formState.isSubmitting}
+            >
+              {formState.isSubmitting && <Spinner />}
+              Atualizar curso
+            </Button>
           </CardContent>
         </Card>
-
-        <div className="flex justify-end">
-          <Button
-            type="submit"
-            className="cursor-pointer"
-            disabled={formState.isSubmitting}
-          >
-            {formState.isSubmitting && <Spinner />}
-            Editar
-          </Button>
-        </div>
       </form>
     </Form>
   )