Migrate to ADFilledButton & ADTextButton

This commit is contained in:
Ashita Prasad
2024-12-16 03:24:57 +05:30
parent 1452668280
commit fe558a066a
10 changed files with 158 additions and 77 deletions

View File

@ -16,10 +16,6 @@ class CopyButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
var sm = ScaffoldMessenger.of(context);
const icon = Icon(
Icons.content_copy,
size: 18,
);
onPressed() async {
await Clipboard.setData(ClipboardData(text: toCopy));
sm.hideCurrentSnackBar();
@ -27,14 +23,15 @@ class CopyButton extends StatelessWidget {
}
return showLabel
? TextButton.icon(
? ADTextButton(
icon: Icons.content_copy,
iconSize: kButtonIconSizeLarge,
label: kLabelCopy,
onPressed: onPressed,
icon: icon,
label: const Text(kLabelCopy),
)
: ADIconButton(
icon: Icons.content_copy,
iconSize: 18,
iconSize: kButtonIconSizeLarge,
tooltip: kLabelCopy,
color: Theme.of(context).colorScheme.primary,
visualDensity: VisualDensity.compact,

View File

@ -14,18 +14,13 @@ class DiscordButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
var label = text ?? 'Discord Server';
return FilledButton.icon(
return ADFilledButton(
icon: Icons.discord,
iconSize: kButtonIconSizeLarge,
label: label,
onPressed: () {
launchUrl(Uri.parse(kDiscordUrl));
},
icon: const Icon(
Icons.discord,
size: 20.0,
),
label: Text(
label,
style: kTextStyleButton,
),
);
}
}

View File

@ -16,29 +16,13 @@ class RepoButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
var label = text ?? "GitHub";
if (icon == null) {
return FilledButton(
return ADFilledButton(
icon: icon,
iconSize: kButtonIconSizeLarge,
label: label,
onPressed: () {
launchUrl(Uri.parse(kGitUrl));
},
child: Text(
label,
style: kTextStyleButton,
),
);
}
return FilledButton.icon(
onPressed: () {
launchUrl(Uri.parse(kGitUrl));
},
icon: Icon(
icon,
size: 20.0,
),
label: Text(
label,
style: kTextStyleButton,
),
);
}
}

View File

@ -1,3 +1,4 @@
import 'package:apidash_design_system/apidash_design_system.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:apidash/utils/utils.dart';
@ -22,11 +23,6 @@ class SaveInDownloadsButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
var sm = ScaffoldMessenger.of(context);
const icon = Icon(
Icons.download,
size: 18,
);
const label = kLabelDownload;
final onPressed = (content != null)
? () => saveToDownloads(
sm,
@ -38,17 +34,19 @@ class SaveInDownloadsButton extends StatelessWidget {
: null;
return showLabel
? TextButton.icon(
? ADTextButton(
icon: Icons.download,
iconSize: kButtonIconSizeLarge,
label: kLabelDownload,
onPressed: onPressed,
icon: icon,
label: const Text(label),
)
: IconButton(
tooltip: label,
: ADIconButton(
icon: Icons.download,
iconSize: kButtonIconSizeLarge,
onPressed: onPressed,
tooltip: kLabelDownload,
color: Theme.of(context).colorScheme.primary,
visualDensity: VisualDensity.compact,
onPressed: onPressed,
icon: icon,
);
}
}

View File

@ -16,11 +16,9 @@ class SendButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return FilledButton(
return ADFilledButton(
onPressed: isWorking ? onCancel : onTap,
child: Row(
mainAxisSize: MainAxisSize.min,
children: isWorking
items: isWorking
? const [
Text(
kLabelCancel,
@ -43,7 +41,6 @@ class SendButton extends StatelessWidget {
Icons.send,
),
],
),
);
}
}

View File

@ -10,6 +10,10 @@ enum WindowWidth {
final double value;
}
const kButtonIconSizeSmall = 14.0;
const kButtonIconSizeMedium = 16.0;
const kButtonIconSizeLarge = 18.0;
const kBorderRadius4 = BorderRadius.all(Radius.circular(4));
const kBorderRadius6 = BorderRadius.all(Radius.circular(6));
const kBorderRadius8 = BorderRadius.all(Radius.circular(8));

View File

@ -0,0 +1,65 @@
import 'package:flutter/material.dart';
import '../tokens/tokens.dart';
class ADFilledButton extends StatelessWidget {
const ADFilledButton({
super.key,
this.icon,
this.iconSize,
this.label,
this.items,
this.isTonal = false,
this.visualDensity,
this.onPressed,
});
final IconData? icon;
final double? iconSize;
final String? label;
final List<Widget>? items;
final bool isTonal;
final VisualDensity? visualDensity;
final VoidCallback? onPressed;
@override
Widget build(BuildContext context) {
Widget child = Text(
label ?? "",
style: kTextStyleButton,
);
if (items != null) {
child = Row(
mainAxisSize: MainAxisSize.min,
children: items ?? [],
);
}
return (icon != null && items == null)
? (isTonal
? FilledButton.tonalIcon(
icon: Icon(
icon,
size: iconSize ?? kButtonIconSizeMedium,
),
label: child,
onPressed: onPressed,
)
: FilledButton.icon(
icon: Icon(
icon,
size: iconSize ?? kButtonIconSizeMedium,
),
label: child,
onPressed: onPressed,
))
: (isTonal
? FilledButton.tonal(
onPressed: onPressed,
child: child,
)
: FilledButton(
onPressed: onPressed,
child: child,
));
}
}

View File

@ -1,4 +1,5 @@
import 'package:flutter/material.dart';
import '../tokens/tokens.dart';
class ADIconButton extends StatelessWidget {
const ADIconButton({
@ -24,7 +25,7 @@ class ADIconButton extends StatelessWidget {
tooltip: tooltip,
icon: Icon(
icon,
size: iconSize ?? 16,
size: iconSize ?? kButtonIconSizeMedium,
),
color: color,
visualDensity: visualDensity,

View File

@ -0,0 +1,38 @@
import 'package:flutter/material.dart';
import '../tokens/tokens.dart';
class ADTextButton extends StatelessWidget {
const ADTextButton({
super.key,
this.icon,
this.iconSize,
this.label,
this.onPressed,
});
final IconData? icon;
final double? iconSize;
final String? label;
final VoidCallback? onPressed;
@override
Widget build(BuildContext context) {
var child = Text(
label ?? "",
style: kTextStyleButton,
);
return icon != null
? TextButton.icon(
icon: Icon(
icon,
size: iconSize ?? kButtonIconSizeMedium,
),
label: child,
onPressed: onPressed,
)
: TextButton(
onPressed: onPressed,
child: child,
);
}
}

View File

@ -1,4 +1,6 @@
export 'button_filled.dart';
export 'button_icon.dart';
export 'button_text.dart';
export 'checkbox.dart';
export 'dropdown.dart';
export 'popup_menu.dart';