|
|
|
@ -80,26 +80,32 @@ class _CommissioningStatusButtonsState extends State<CommissioningStatusButtons>
|
|
|
|
padding: EdgeInsetsDirectional.only(start: 16.toScreenWidth),
|
|
|
|
padding: EdgeInsetsDirectional.only(start: 16.toScreenWidth),
|
|
|
|
itemBuilder: (context, index) => Container(
|
|
|
|
itemBuilder: (context, index) => Container(
|
|
|
|
margin: EdgeInsets.symmetric(horizontal: 4.toScreenWidth),
|
|
|
|
margin: EdgeInsets.symmetric(horizontal: 4.toScreenWidth),
|
|
|
|
padding: EdgeInsets.symmetric(vertical: 8.toScreenHeight, horizontal: (_selectedIndex == index ? 12 : 8).toScreenWidth),
|
|
|
|
padding: EdgeInsets.symmetric(vertical: 8.toScreenHeight, horizontal: 12.toScreenWidth),
|
|
|
|
alignment: Alignment.center,
|
|
|
|
alignment: Alignment.center,
|
|
|
|
foregroundDecoration: _selectedIndex != index
|
|
|
|
// foregroundDecoration: _selectedIndex != index
|
|
|
|
? null
|
|
|
|
// ? null
|
|
|
|
: ShapeDecoration(
|
|
|
|
// : ShapeDecoration(
|
|
|
|
color: (context.isDark ? AppColor.neutral30 : AppColor.neutral50).withOpacity(0.1),
|
|
|
|
// color: (context.isDark ? AppColor.neutral30 : AppColor.neutral50).withOpacity(0.1),
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
// shape: RoundedRectangleBorder(
|
|
|
|
side: BorderSide(width: 1, color: AppColor.blueStatus(context)),
|
|
|
|
// side: BorderSide(width: 1, color: AppColor.blueStatus(context)),
|
|
|
|
borderRadius: BorderRadius.circular(7),
|
|
|
|
// borderRadius: BorderRadius.circular(7),
|
|
|
|
),
|
|
|
|
// ),
|
|
|
|
),
|
|
|
|
// ),
|
|
|
|
decoration: ShapeDecoration(
|
|
|
|
decoration: ShapeDecoration(
|
|
|
|
color: _selectedIndex == index ? AppColor.selectedButtonColor(context) : AppColor.unSelectedButtonColor(context),
|
|
|
|
color: AppColor.background(context),
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
side: _selectedIndex == index ? BorderSide(width: 1, color: AppColor.blueStatus(context)) : BorderSide.none,
|
|
|
|
side: BorderSide(width: 1, color: _selectedIndex == index ? AppColor.primary10 : AppColor.border2Color(context)),
|
|
|
|
borderRadius: BorderRadius.circular(7),
|
|
|
|
// side: _selectedIndex == index ? BorderSide(width: 1, color: AppColor.blueStatus(context)) : BorderSide.none,
|
|
|
|
|
|
|
|
borderRadius: BorderRadius.circular(6),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
shadows: [BoxShadow(color: Colors.black.withOpacity(0.05), blurRadius: 14, offset: const Offset(0, 0), spreadRadius: 0)],
|
|
|
|
shadows: [BoxShadow(color: Colors.black.withOpacity(0.05), blurRadius: 14, offset: const Offset(0, 0), spreadRadius: 0)],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
child: (index == 0 ? "All Assets" : snapshot.items[index - 1].name)!.tinyFont(context).custom(color: AppColor.filterButtonTextColor(context)),
|
|
|
|
child: (index == 0 ? "All Assets" : snapshot.items[index - 1].name)!.tinyFont(context).custom(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// color: AppColor.filterButtonTextColor(context)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
color: _selectedIndex == index ? AppColor.primary10 : AppColor.filterButtonTextColor(context)
|
|
|
|
|
|
|
|
),
|
|
|
|
).onPress(() {
|
|
|
|
).onPress(() {
|
|
|
|
setState(() {
|
|
|
|
setState(() {
|
|
|
|
_selectedIndex = index;
|
|
|
|
_selectedIndex = index;
|
|
|
|
|