edit key word api added

lib/views/profile/widgets/subject_tab.dart

@@ -1,16 +1,22 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
+import 'package:go_router/go_router.dart';
+import 'package:provider/provider.dart';
 import 'package:tm_app/core/constants/assets.dart';
 import 'package:tm_app/core/theme/colors.dart';
 import 'package:tm_app/core/utils/size_config.dart';
 
+import '../../../view_models/profile_view_model.dart';
 import 'edit_key_word_bottom_sheet.dart';
 
 class SubjectTab extends StatelessWidget {
   const SubjectTab({super.key});
 
+  final bool isDesktop = true;
+
   @override
   Widget build(BuildContext context) {
+    final viewModel = context.read<ProfileViewModel>();
     return Column(
       children: [
         SizedBox(height: 36.0.h()),
@@ -20,26 +26,62 @@ class SubjectTab extends StatelessWidget {
         SizedBox(height: 24.0.h()),
         _keyWord(
           onEditPressed: () {
-            showModalBottomSheet(
-              context: context,
-              isScrollControlled: true,
-              builder: (_) {
-                return const EditKeyWordBottomSheet();
-              },
-            );
+            if (isDesktop) {
+              showDialog(
+                context: context,
+                builder: (_) {
+                  return Dialog(
+                    child: SizedBox(
+                      width: 560,
+                      child: EditKeyWordBottomSheet(
+                        isDesktop: true,
+                        keyWords: viewModel.profileData?.keywords ?? [],
+                        onSubmit: (keyWords) async {
+                          context.pop();
+                          await viewModel.updateProfileKeyWords(
+                            keyWords: keyWords,
+                          );
+                        },
+                      ),
+                    ),
+                  );
+                },
+              );
+            } else {
+              showModalBottomSheet(
+                context: context,
+                isScrollControlled: true,
+                builder: (_) {
+                  return EditKeyWordBottomSheet(
+                    isDesktop: false,
+                    keyWords: viewModel.profileData?.keywords ?? [],
+                    onSubmit: (keyWords) async {
+                      context.pop();
+                      await viewModel.updateProfileKeyWords(keyWords: keyWords);
+                    },
+                  );
+                },
+              );
+            }
           },
         ),
         SizedBox(height: 16.0.h()),
         Wrap(
           spacing: 8,
           runSpacing: 16.0.h(),
-          children: [
-            _chip(label: 'UIUX', backgroundColor: Colors.green[200]!),
-            _chip(label: 'Lorem ipsum', backgroundColor: Colors.orange[100]!),
-            _chip(label: 'sample', backgroundColor: Colors.grey[300]!),
-            _chip(label: 'Unknown', backgroundColor: Colors.red[200]!),
-            _chip(label: 'Lorem ipsum 02', backgroundColor: Colors.blue[100]!),
-          ],
+          // children: [
+          //   _chip(label: 'UIUX', backgroundColor: Colors.green[200]!),
+          //   _chip(label: 'Lorem ipsum', backgroundColor: Colors.orange[100]!),
+          //   _chip(label: 'sample', backgroundColor: Colors.grey[300]!),
+          //   _chip(label: 'Unknown', backgroundColor: Colors.red[200]!),
+          //   _chip(label: 'Lorem ipsum 02', backgroundColor: Colors.blue[100]!),
+          // ],
+          children:
+              viewModel.profileData!.keywords!
+                  .map(
+                    (e) => _chip(label: e, backgroundColor: Colors.green[200]!),
+                  )
+                  .toList(),
         ),
         SizedBox(height: 24.0.h()),
         Divider(color: AppColors.grey20),
@@ -118,7 +160,7 @@ class SubjectTab extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
           Text(
-            'Budget',
+            'Key Word',
             style: TextStyle(
               fontSize: 16.0.sp(),
               fontWeight: FontWeight.w400,