diff --git a/apps/web/actions/profile.ts b/apps/web/actions/profile.ts
index 4d9cd4f..93bd5f4 100644
--- a/apps/web/actions/profile.ts
+++ b/apps/web/actions/profile.ts
@@ -1,14 +1,10 @@
'use server';
import { authOptions } from '@/config/auth';
import { getCustomer, updateCustomerProfile } from '@repo/graphql/api';
-import { type CustomerInput } from '@repo/graphql/types';
+import { type CustomerInput, type Enum_Customer_Role } from '@repo/graphql/types';
import { getServerSession } from 'next-auth/next';
import { revalidatePath } from 'next/cache';
-export async function becomeMaster() {
- revalidatePath('/profile');
-}
-
export async function updateProfile(input: CustomerInput) {
const session = await getServerSession(authOptions);
@@ -26,3 +22,23 @@ export async function updateProfile(input: CustomerInput) {
revalidatePath('/profile');
}
+
+export async function updateRole(role: Enum_Customer_Role) {
+ const session = await getServerSession(authOptions);
+
+ if (session) {
+ const { user } = session;
+ const getCustomerResponse = await getCustomer({ telegramId: user?.telegramId });
+ const customer = getCustomerResponse.data.customers.at(0);
+ if (customer) {
+ await updateCustomerProfile({
+ data: {
+ role,
+ },
+ documentId: customer.documentId,
+ });
+ }
+ }
+
+ revalidatePath('/profile');
+}
diff --git a/apps/web/app/(main)/profile/page.tsx b/apps/web/app/(main)/profile/page.tsx
index 396368e..cf1567c 100644
--- a/apps/web/app/(main)/profile/page.tsx
+++ b/apps/web/app/(main)/profile/page.tsx
@@ -1,9 +1,9 @@
-import { becomeMaster, updateProfile } from '@/actions/profile';
+import { updateProfile, updateRole } from '@/actions/profile';
+import { CheckboxWithText } from '@/components/profile/checkbox-with-text';
import { ProfileField } from '@/components/profile/profile-field';
import { authOptions } from '@/config/auth';
import { getCustomer } from '@repo/graphql/api';
import { Avatar, AvatarFallback, AvatarImage } from '@repo/ui/components/ui/avatar';
-import { Button } from '@repo/ui/components/ui/button';
import { Card, CardContent, CardHeader } from '@repo/ui/components/ui/card';
import { getServerSession } from 'next-auth/next';
@@ -34,23 +34,12 @@ export default async function ProfilePage() {
value={user?.name ?? ''}
/>
-
- {user?.role === 'client' && (
-
- )}
diff --git a/apps/web/components/profile/checkbox-with-text.tsx b/apps/web/components/profile/checkbox-with-text.tsx
new file mode 100644
index 0000000..91ac194
--- /dev/null
+++ b/apps/web/components/profile/checkbox-with-text.tsx
@@ -0,0 +1,63 @@
+/* eslint-disable canonical/id-match */
+/* eslint-disable promise/prefer-await-to-then */
+'use client';
+import { Enum_Customer_Role } from '@repo/graphql/types';
+import { Checkbox, type CheckboxProps } from '@repo/ui/components/ui/checkbox';
+import { useState } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+
+type Props = Pick & {
+ readonly description?: string;
+ readonly onChange?: (value: Enum_Customer_Role) => Promise | void;
+ readonly text: string;
+};
+
+export function CheckboxWithText({ checked: initialValue, description, onChange, text }: Props) {
+ const [checked, setChecked] = useState(initialValue);
+ const { debouncedCallback, isPending } = useDebouncedOnChangeCallback(onChange);
+
+ const handleChange = () => {
+ const newValue = !checked;
+ setChecked(newValue);
+ debouncedCallback(newValue);
+ };
+
+ return (
+
+
+
+
+ {description ?
{description}
: false}
+
+