all_channels: Make toggle transparent and non-interactive when

noContentAccess

If the toggle's height exceeds 44px, unsubsribing from the channel
causes the row to shrink to 44px, resulting a ui jump. Making the
toggle transparent and non-interactive prevents this jump.

Author: chungwwei

lib/widgets/all_channels.dart

@@ -121,7 +121,10 @@ class AllChannelsListEntry extends StatelessWidget {
                   height: 20 / 17,
                 ).merge(weightVariableTextStyle(context, wght: 600)),
                 channel.name)),
-            hasContentAccess ? _SubscribeToggle(channel: channel) : const SizedBox(height: 40, width: 52)
+            IgnorePointer(ignoring: !hasContentAccess,
+              child: AnimatedOpacity(opacity: !hasContentAccess ? 0 : 1,
+                duration: Duration(milliseconds: 200),
+                child: _SubscribeToggle(channel: channel)))
           ]))));
   }
 }

test/widgets/all_channels_test.dart

@@ -195,13 +195,17 @@ void main() {
 
       check(findInRow(find.text(channel.name))).findsOne();
 
-      final maybeToggle = tester.widgetList<Toggle>(
-        findInRow(find.byType(Toggle))).singleOrNull;
+      final toggle = tester.widget<Toggle>(findInRow(find.byType(Toggle)));
+      final opacityWidget = tester.widget<AnimatedOpacity>(findInRow(find.byType(AnimatedOpacity)));
+      final ignoreWidget = tester.widget<IgnorePointer>(findInRow(find.byType(IgnorePointer)));
       if (store.selfHasContentAccess(channel)) {
         final isSubscribed = channel is Subscription;
-        check(maybeToggle).isNotNull().value.equals(isSubscribed);
+        check(toggle).value.equals(isSubscribed);
+        check(opacityWidget.opacity).equals(1);
+        check(ignoreWidget.ignoring).isFalse();
       } else {
-        check(maybeToggle).isNull();
+        check(opacityWidget.opacity).equals(0);
+        check(ignoreWidget.ignoring).isTrue();
       }
 
       final touchTargetSize = tester.getSize(findElement);