+
+
+
+ Editar empresa
+
+
+ Configurar as informações gerais para esta empresa.
+
+
-
-
-
- {org?.subscription ? (
-
- ) : null}
+
+
+ (
+
+ Email
+
+
+
+
+
+ )}
+ />
-
-
{org.name}
-
- {org.email}
-
-
-
+ (
+
+ CNPJ
+
+
+
+
+
+ )}
+ />
+
-
-
-
-
-
- Editar empresa
-
-
- Configurar as informações gerais para esta empresa.
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
)
}
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id.address/route.tsx b/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id.address/route.tsx
new file mode 100644
index 0000000..05c7eef
--- /dev/null
+++ b/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id.address/route.tsx
@@ -0,0 +1,11 @@
+import type { Route } from './+types/route'
+
+import { Card, CardContent } from '@repo/ui/components/ui/card'
+
+export default function Route({}: Route.ComponentProps) {
+ return (
+
+ address
+
+ )
+}
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id.subscription/route.tsx b/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id.subscription/route.tsx
new file mode 100644
index 0000000..f9c57d6
--- /dev/null
+++ b/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id.subscription/route.tsx
@@ -0,0 +1,123 @@
+import type { Route } from './+types/route'
+
+import { useForm } from 'react-hook-form'
+import { useOutletContext } from 'react-router'
+
+import { Button } from '@repo/ui/components/ui/button'
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle
+} from '@repo/ui/components/ui/card'
+import { FieldGroup, FieldLegend, FieldSet } from '@repo/ui/components/ui/field'
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage
+} from '@repo/ui/components/ui/form'
+import { Input } from '@repo/ui/components/ui/input'
+import { Label } from '@repo/ui/components/ui/label'
+import {
+ NativeSelect,
+ NativeSelectOption
+} from '@repo/ui/components/ui/native-select'
+import { RadioGroup, RadioGroupItem } from '@repo/ui/components/ui/radio-group'
+
+export default function Route({}: Route.ComponentProps) {
+ const { org } = useOutletContext()
+ const form = useForm({ defaultValues: org?.subscription })
+ const { handleSubmit, formState } = form
+
+ const onSubmit = async (data) => {
+ console.log(data)
+ }
+
+ return (
+
+
+
+
+
+ Escolha seu plano
+
+
+ Escolha o plano que será utilizado para configurar o funcionamento
+ e os recursos da empresa.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id/route.tsx b/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id/route.tsx
new file mode 100644
index 0000000..a88bc2e
--- /dev/null
+++ b/apps/insights.saladeaula.digital/app/routes/_app.orgs.$id/route.tsx
@@ -0,0 +1,123 @@
+import type { Route } from './+types/route'
+
+import {
+ Link,
+ NavLink,
+ Outlet,
+ type ShouldRevalidateFunctionArgs
+} from 'react-router'
+
+import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
+import {
+ Breadcrumb,
+ BreadcrumbItem,
+ BreadcrumbLink,
+ BreadcrumbList,
+ BreadcrumbPage,
+ BreadcrumbSeparator
+} from '@repo/ui/components/ui/breadcrumb'
+import { Tabs, TabsList, TabsTrigger } from '@repo/ui/components/ui/tabs'
+import { initials } from '@repo/ui/lib/utils'
+import { request as req } from '@repo/util/request'
+import { BadgeCheckIcon } from 'lucide-react'
+
+const links = [
+ { to: '', title: 'Perfil', end: true },
+ { to: 'subscription', title: 'Plano' },
+ { to: 'address', title: 'Endereço' }
+]
+
+export function meta() {
+ return [
+ {
+ title: 'Editar empresa'
+ }
+ ]
+}
+
+export async function loader({ params, request, context }: Route.LoaderArgs) {
+ const r = await req({
+ url: `/orgs/${params.id}`,
+ request,
+ context
+ })
+
+ if (!r.ok) {
+ throw new Response(null, { status: r.status })
+ }
+
+ return { org: await r.json() } as { org: any }
+}
+
+export function shouldRevalidate({
+ currentParams,
+ nextParams
+}: ShouldRevalidateFunctionArgs) {
+ return currentParams.id !== nextParams.id
+}
+
+export default function Route({ loaderData: { org } }: Route.ComponentProps) {
+ return (
+