@djangocfg/layouts 2.1.100 → 2.1.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.100",
+  "version": "2.1.101",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -92,11 +92,11 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.100",
-    "@djangocfg/centrifugo": "^2.1.100",
-    "@djangocfg/ui-core": "^2.1.100",
-    "@djangocfg/ui-nextjs": "^2.1.100",
-    "@djangocfg/ui-tools": "^2.1.100",
+    "@djangocfg/api": "^2.1.101",
+    "@djangocfg/centrifugo": "^2.1.101",
+    "@djangocfg/ui-core": "^2.1.101",
+    "@djangocfg/ui-nextjs": "^2.1.101",
+    "@djangocfg/ui-tools": "^2.1.101",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -119,7 +119,7 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.100",
+    "@djangocfg/typescript-config": "^2.1.101",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/layouts/ProfileLayout/ProfileLayout.tsx

@@ -4,7 +4,7 @@
 import React from 'react';
 import moment from 'moment';
 
-import { AccountsProvider, useAuth } from '@djangocfg/api/auth';
+import { useAuth } from '@djangocfg/api/auth';
 import {
     Card, CardContent, CardDescription, CardHeader, CardTitle, Preloader
 } from '@djangocfg/ui-nextjs/components';
@@ -133,10 +133,6 @@ const ProfileContent = ({
 };
 
 export const ProfileLayout: React.FC<ProfileLayoutProps> = (props) => {
-  return (
-    <AccountsProvider>
-      <ProfileContent {...props} />
-    </AccountsProvider>
-  );
+  return <ProfileContent {...props} />;
 };
 

package/src/layouts/ProfileLayout/components/AvatarSection.tsx

@@ -4,14 +4,13 @@ import { Check, Upload, X } from 'lucide-react';
 import React, { useState } from 'react';
 import { toast } from '@djangocfg/ui-core/hooks';
 
-import { useAccountsContext, useAuth } from '@djangocfg/api/auth';
+import { useAuth } from '@djangocfg/api/auth';
 import { Avatar, AvatarFallback, Button } from '@djangocfg/ui-nextjs/components';
 
 import { profileLogger } from '../../../utils/logger';
 
 export const AvatarSection = () => {
-  const { user } = useAuth();
-  const accounts = useAccountsContext();
+  const { user, uploadAvatar } = useAuth();
   const [avatarFile, setAvatarFile] = useState<File | null>(null);
   const [avatarPreview, setAvatarPreview] = useState<string | null>(null);
   const [isUploading, setIsUploading] = useState(false);
@@ -55,9 +54,7 @@ export const AvatarSection = () => {
     if (!avatarFile) return;
     setIsUploading(true);
     try {
-      const formData = new FormData();
-      formData.append('avatar', avatarFile);
-      await accounts.uploadAvatar(formData as any);
+      await uploadAvatar(avatarFile);
       toast.success('Avatar updated successfully');
       setAvatarFile(null);
       setAvatarPreview(null);

package/src/layouts/ProfileLayout/components/ProfileForm.tsx

@@ -6,8 +6,8 @@ import { useForm } from 'react-hook-form';
 import { toast } from '@djangocfg/ui-core/hooks';
 
 import {
-    PatchedUserProfileUpdateRequest, PatchedUserProfileUpdateRequestSchema, type 
-    useAccountsContext, useAuth
+    PatchedUserProfileUpdateRequest, PatchedUserProfileUpdateRequestSchema,
+    useAuth
 } from '@djangocfg/api/auth';
 import {
     Button, Form, FormControl, FormField, FormItem, FormLabel, FormMessage, Input, Label, PhoneInput
@@ -17,8 +17,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { profileLogger } from '../../../utils/logger';
 
 export const ProfileForm = () => {
-  const { user } = useAuth();
-  const accounts = useAccountsContext();
+  const { user, updateProfile } = useAuth();
   const [isEditing, setIsEditing] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
 
@@ -49,7 +48,7 @@ export const ProfileForm = () => {
   const handleSubmit = async (data: PatchedUserProfileUpdateRequest) => {
     setIsSaving(true);
     try {
-      await accounts.partialUpdateProfile(data);
+      await updateProfile(data);
       toast.success('Profile updated successfully');
       setIsEditing(false);
     } catch (error: any) {