Refactor device avatar and add icon to setting

This commit is contained in:
mohammad
2025-05-07 11:01:51 +03:00
parent a1954b3ad3
commit 5411d84759
2 changed files with 51 additions and 38 deletions

View File

@ -49,44 +49,7 @@ class SettingProfilePage extends StatelessWidget {
},
child: ListView(
children: [
CircleAvatar(
radius: device!.type != "SOS" ? 60 : 52,
backgroundColor: Colors.white,
child: device!.type == "SOS"
? ClipOval(
child: SvgPicture.asset(
Assets.sosHomeIcon,
fit: BoxFit.fitHeight,
height:
MediaQuery.of(context).size.height * 0.13,
))
: CircleAvatar(
radius: 55,
backgroundColor: ColorsManager.graysColor,
child: ClipOval(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.center,
mainAxisAlignment:
MainAxisAlignment.center,
children: [
Center(
child: SvgPicture.asset(
device!.type == "4S"
? Assets.fourSceneIcon
: Assets.sixSceneIcon,
fit: BoxFit.contain,
height: MediaQuery.of(context)
.size
.height *
0.08,
),
),
],
),
),
),
),
buildDeviceAvatar(context, device!),
const SizedBox(
height: 10,
),
@ -198,4 +161,45 @@ class SettingProfilePage extends StatelessWidget {
),
);
}
Widget buildDeviceAvatar(BuildContext context, DeviceModel device) {
final isSOSDevice = device.type == "SOS";
final assetIcon = isSOSDevice
? Assets.sosHomeIcon
: device.type == 'NCPS'
? Assets.flushIcon
: device.type == '4S'
? Assets.fourSceneIcon
: Assets.sixSceneIcon;
final avatarRadius = isSOSDevice ? 52.0 : 60.0;
final innerAvatarRadius = 55.0;
final assetHeightFactor = isSOSDevice ? 0.13 : 0.08;
return CircleAvatar(
radius: avatarRadius,
backgroundColor: Colors.white,
child: ClipOval(
child: isSOSDevice
? SvgPicture.asset(
assetIcon,
fit: BoxFit.fitHeight,
height: MediaQuery.of(context).size.height * assetHeightFactor,
)
: CircleAvatar(
radius: innerAvatarRadius,
backgroundColor: ColorsManager.graysColor,
child: Center(
child: SvgPicture.asset(
assetIcon,
fit: BoxFit.contain,
height:
MediaQuery.of(context).size.height * assetHeightFactor,
),
),
),
),
);
}
}

View File

@ -130,6 +130,15 @@ class SettingsPage extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
device!.type == 'NCPS'
? SizedBox(
height: 80,
width: 50,
child: SvgPicture.asset(
Assets.flushIcon,
fit: BoxFit.contain,
),
):
device!.type == "SOS"
? ClipOval(
child: SvgPicture.asset(