Merge pull request #87 from SyncrowIOT/FE-Complete-the-Device-Name-as

Refactor device name display in RoomPageSwitch widget

lib/features/devices/view/widgets/room_page_switch.dart

@@ -76,21 +76,38 @@ class RoomPageSwitch extends StatelessWidget {
                     : const SizedBox(),
               ],
             ),
-            Flexible(
+            LayoutBuilder(
-              child: FittedBox(
+              builder: (context, constraints) {
-                child: Column(
+                final text = device.name ?? "";
-                  crossAxisAlignment: CrossAxisAlignment.start,
+                final textPainter = TextPainter(
-                  children: [
+                  text: TextSpan(
-                    Text(
+                    text: text,
-                      device.name ?? "",
-                      overflow: TextOverflow.ellipsis,
-                      maxLines: 2,
                     style: context.bodyLarge.copyWith(
                       fontWeight: FontWeight.bold,
                       fontSize: 20,
                       color: Colors.grey,
                     ),
                   ),
+                  maxLines: 1,
+                  textDirection: TextDirection.ltr,
+                );
+
+                textPainter.layout(maxWidth: constraints.maxWidth);
+
+                final exceeded = textPainter.didExceedMaxLines;
+
+                return Text(
+                  exceeded ? '${text.substring(0, 10)}...' : text,
+                  style: context.bodyLarge.copyWith(
+                    fontWeight: FontWeight.bold,
+                    fontSize: 20,
+                    color: Colors.grey,
+                  ),
+                  overflow: TextOverflow.clip,
+                  maxLines: 1,
+                );
+              },
+            ),
             Text(
               device.subspace!.subspaceName ?? '',
               overflow: TextOverflow.ellipsis,
@@ -103,10 +120,6 @@ class RoomPageSwitch extends StatelessWidget {
           ],
         ),
       ),
-            ),
-          ],
-        ),
-      ),
     );
   }
 }
@@ -119,7 +132,6 @@ Future<void> showDeviceInterface(
     required BuildContext context,
     required isAllDevices,
     List<DeviceModel>? allDevices}) async {
-  print('object-----${device.uuid} ${device.name}');
 
   final devicesCubit = context.read<DevicesCubit>();