From 2926e1ee3862257ff48fba4b10844ed953e6d97d Mon Sep 17 00:00:00 2001
From: Moe <moe@chocola.dev>
Date: Tue, 26 Apr 2022 10:44:07 +0700
Subject: [PATCH] Add Tooltip to Add to Cart button
---
lib/components/product_detail.dart | 43 +++++++++++++++++++++++-------
1 file changed, 33 insertions(+), 10 deletions(-)
diff --git a/lib/components/product_detail.dart b/lib/components/product_detail.dart
index 4b90e8c..2bb25dd 100644
--- a/lib/components/product_detail.dart
+++ b/lib/components/product_detail.dart
@@ -2,6 +2,7 @@ import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:nekoya_flutter/api/api.dart';
+import 'package:nekoya_flutter/data/cart.dart';
Widget makeDismissible({required context, required Widget child}) => GestureDetector(
behavior: HitTestBehavior.opaque,
@@ -13,6 +14,8 @@ Widget makeDismissible({required context, required Widget child}) => GestureDete
);
Widget productDetail(context, id) {
+ GlobalKey _cartToolTipKey = GlobalKey();
+
return makeDismissible(
context: context,
child: DraggableScrollableSheet(
@@ -58,18 +61,38 @@ Widget productDetail(context, id) {
Text('Stock : ' + data[0]['STOCK'].toString(), style: const TextStyle(color: Colors.white, fontSize: 18.0, fontWeight: FontWeight.w500),),
Text('Size : ' + data[0]['SIZE'], style: const TextStyle(color: Colors.white, fontSize: 18.0, fontWeight: FontWeight.w500),),
const SizedBox(height: 30.0),
- ElevatedButton.icon(
- onPressed: (){},
- icon: const Icon(Icons.add_shopping_cart),
- label: const Text('Add to Cart', style: TextStyle(color: Colors.white, fontSize: 18.0),),
- style: ButtonStyle(
- backgroundColor: MaterialStateProperty.all<Color>(const Color(0xff8B0000)),
- shape: MaterialStateProperty.all<RoundedRectangleBorder>(
- RoundedRectangleBorder(
- borderRadius: BorderRadius.circular(18.0)
+ Tooltip(
+ key: _cartToolTipKey,
+ triggerMode: TooltipTriggerMode.manual,
+ showDuration: const Duration(seconds: 3),
+ waitDuration: const Duration(seconds: 3),
+ message: 'Successfully added to Cart ~',
+ padding: const EdgeInsets.all(30),
+ margin: const EdgeInsets.only(top: 30, left:30,right: 30),
+ decoration: BoxDecoration(
+ color: const Color(0xff212226),
+ borderRadius: BorderRadius.circular(22)),
+ textStyle: const TextStyle(
+ fontSize: 15,
+ fontStyle: FontStyle.italic,
+ color: Colors.white),
+ child: ElevatedButton.icon(
+ onPressed: (){
+ addToCart(id);
+ final dynamic _cartToolTip = _cartToolTipKey.currentState;
+ _cartToolTip.ensureTooltipVisible();
+ },
+ icon: const Icon(Icons.add_shopping_cart),
+ label: const Text('Add to Cart', style: TextStyle(color: Colors.white, fontSize: 18.0),),
+ style: ButtonStyle(
+ backgroundColor: MaterialStateProperty.all<Color>(const Color(0xff8B0000)),
+ shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+ RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(18.0)
+ )
)
)
- )
+ ),
)
],
)