Redesign free drop button

wallet/i18n/de.json

@@ -370,6 +370,9 @@
   "maintenance_mode_message": "We ondervinden technische problemen en hebben tijdelijk de onderhoudsmodus gestart voor het oplossen van problemen. Maak je geen zorgen, je collectie is veilig. U kunt echter geen on-chain-transacties starten totdat we het probleem hebben opgelost en de normale functionaliteit hebben hersteld.",
   "maintenance_mode_header": "onderhoudsstand",
   "invalid_mnemonic": "Ungültige mnemonic",
+  "claim_now": "Beanspruche jetzt",
+  "remaining_and_total_editions": "{remaining} Von {total}",
+  "remaining": "verblieben",
   "edit_profile": "Profil bearbeiten",
   "cash_out": "Auszahlen",
   "bio_text": "Produktdesigner bei Pylons.",

wallet/i18n/en.json

@@ -372,6 +372,9 @@
   "maintenance_mode_message": "We are experiencing technical issues and have temporarily initiated maintenance mode for troubleshooting. Don't worry, your collection is safe. However, you cannot initiate on-chain transactions until we've resolved the problem and restored normal functionality.",
   "maintenance_mode_header": "Maintenance Mode",
   "invalid_mnemonic": "Invalid mnemonic",
+  "claim_now": "Claim Now",
+  "remaining_and_total_editions": "{remaining} of {total}",
+  "remaining":"remaining",
   "edit_profile": "Edit Profile",
   "cash_out": "Cash Out",
   "bio_text": "Product designer at Pylons.",

wallet/i18n/es.json

@@ -370,6 +370,9 @@
   "maintenance_mode_message": "Estamos experimentando problemas técnicos y hemos iniciado temporalmente el modo de mantenimiento para solucionar problemas. No te preocupes, tu colección está segura. Sin embargo, no puede iniciar transacciones en cadena hasta que hayamos resuelto el problema y restablecido la funcionalidad normal.",
   "maintenance_mode_header": "Modo de mantenimiento",
   "invalid_mnemonic": "Mnemonic inválido",
+  "claim_now": "Reclama ahora",
+  "remaining_and_total_editions": "{remaining} De {total}",
+  "remaining": "restante",
   "edit_profile": "Editar perfil",
   "cash_out": "Retiro",
   "bio_text": "Diseñadora de productos en Pylons.",

wallet/i18n/id.json

@@ -370,6 +370,9 @@
   "maintenance_mode_message": "Kami mengalami masalah teknis dan untuk sementara memulai mode pemeliharaan untuk pemecahan masalah. Jangan khawatir, koleksi Anda aman. Namun, Anda tidak dapat memulai transaksi on-chain sampai kami menyelesaikan masalah dan memulihkan fungsionalitas normal.",
   "maintenance_mode_header": "Mode Pemeliharaan",
   "invalid_mnemonic": "Mnemonic tidak valid",
+  "claim_now": "Klaim Sekarang",
+  "remaining_and_total_editions": "{remaining} Dari {total}",
+  "remaining": "tersisa",
   "edit_profile": "Sunting profil",
   "cash_out": "Kas keluar",
   "bio_text": "Desainer produk di Pylons.",

wallet/i18n/ja.json

@@ -370,6 +370,9 @@
   "maintenance_mode_message": "技術的な問題が発生しており、トラブルシューティングのために一時的にメンテナンス モードを開始しました。心配はいりません。あなたのコレクションは安全です。ただし、問題が解決され、通常の機能が回復するまで、オンチェーン トランザクションを開始することはできません。",
   "maintenance_mode_header": "メンテナンスモード",
   "invalid_mnemonic": "無効 mnemonic",
+  "claim_now": "今すぐ請求",
+  "remaining_and_total_editions": "{remaining} の {total}",
+  "remaining": "残り",
   "edit_profile": "プロファイル編集",
   "cash_out": "キャッシュアウト",
   "bio_text": "Pylonsのプロダクトデザイナー。",

wallet/i18n/ko.json

@@ -369,6 +369,9 @@
   "maintenance_mode_message": "기술적인 문제가 발생했으며 문제 해결을 위해 일시적으로 유지 관리 모드를 시작했습니다. 걱정하지 마세요. 컬렉션은 안전합니다. 그러나 문제를 해결하고 정상적인 기능을 복원할 때까지 온체인 트랜잭션을 시작할 수 없습니다.",
   "maintenance_mode_header": "유지 관리 모드",
   "invalid_mnemonic": "유효하지 않은 mnemonic",
+  "claim_now": "지금 청구하세요",
+  "remaining_and_total_editions": "{remaining} 의 {total}",
+  "remaining": "남은",
   "edit_profile": "프로필 편집",
   "cash_out": "현금 인출",
   "bio_text": "Pylons의 제품 디자이너.",

wallet/i18n/ru.json

@@ -370,6 +370,9 @@
   "maintenance_mode_message": "У нас возникли технические проблемы, и мы временно запустили режим обслуживания для устранения неполадок. Не волнуйтесь, ваша коллекция в безопасности. Однако вы не можете инициировать транзакции в сети, пока мы не решим проблему и не восстановим нормальную работу.",
   "maintenance_mode_header": "Режим технического обслуживания",
   "invalid_mnemonic": "Инвалид mnemonic",
+  "claim_now": "Заявить сейчас",
+  "remaining_and_total_editions": "{remaining} Из {total}",
+  "remaining": "осталось",
   "edit_profile": "Редактировать профиль",
   "cash_out": "Обналичить",
   "bio_text": "Дизайнер продукта в Pylons.",

wallet/i18n/vi.json

@@ -370,6 +370,9 @@
   "maintenance_mode_message": "Chúng tôi đang gặp sự cố kỹ thuật và đã tạm thời bắt đầu chế độ bảo trì để khắc phục sự cố. Đừng lo lắng, bộ sưu tập của bạn vẫn an toàn. Tuy nhiên, bạn không thể bắt đầu các giao dịch trên chuỗi cho đến khi chúng tôi giải quyết xong sự cố và khôi phục chức năng bình thường.",
   "maintenance_mode_header": "Chế độ bảo trì",
   "invalid_mnemonic": "Không hợp lệ menmonic",
+  "claim_now": "yêu cầu ngay bây giờ",
+  "remaining_and_total_editions": "{remaining} Của {total}",
+  "remaining": "còn lại",
   "edit_profile": "Chỉnh sửa hồ sơ",
   "cash_out": "Rút tiền",
   "bio_text": "Nhà thiết kế sản phẩm tại Pylons.",

wallet/lib/generated/locale_keys.g.dart

@@ -373,6 +373,9 @@ abstract class  LocaleKeys {
   static const maintenance_mode_message = 'maintenance_mode_message';
   static const maintenance_mode_header = 'maintenance_mode_header';
   static const invalid_mnemonic = 'invalid_mnemonic';
+  static const claim_now = 'claim_now';
+  static const remaining_and_total_editions = 'remaining_and_total_editions';
+  static const remaining = 'remaining';
   static const edit_profile = 'edit_profile';
   static const cash_out = 'cash_out';
   static const bio_text = 'bio_text';

wallet/lib/pages/detailed_asset_view/widgets/tab_fields.dart

@@ -64,18 +64,20 @@ class _TabFieldState extends State<TabField> {
         return {
           LocaleKeys.recipe_id.tr(): widget.nft.recipeID,
           LocaleKeys.resolution.tr(): "${widget.nft.width}x${widget.nft.height} ${widget.nft.fileExtension.toUpperCase()}",
-          LocaleKeys.ipfs_cid.tr(): widget.nft.cid
+          LocaleKeys.ipfs_cid.tr(): widget.nft.cid,
         };
       case NftType.TYPE_ITEM:
-        return {LocaleKeys.recipe_id.tr(): widget.nft.recipeID};
+        return {
+          LocaleKeys.recipe_id.tr(): widget.nft.recipeID,
+        };
       case NftType.TYPE_TRADE:
         break;
     }
 
     return {
       LocaleKeys.recipe_id.tr(): widget.nft.recipeID,
-      LocaleKeys.resolution.tr(): "${widget.nft.width}x${widget.nft.height} ${widget.nft.fileExtension}",
-      LocaleKeys.ipfs_cid.tr(): widget.nft.cid
+      LocaleKeys.resolution.tr(): "${widget.nft.width}x${widget.nft.height} ${widget.nft.fileExtension.toUpperCase()}",
+      LocaleKeys.ipfs_cid.tr(): widget.nft.cid,
     };
   }
 
@@ -85,14 +87,27 @@ class _TabFieldState extends State<TabField> {
 
     final nftDetail = getNFTDetailsMap();
 
-    final listOwnership = ownership.entries.map((element) => _tabDetails(field: element.key, value: element.value, customColor: element.key == LocaleKeys.owner.tr() ? Colors.red : null)).toList();
+    final listOwnership = ownership.entries
+        .map(
+          (element) => _tabDetails(
+            field: element.key,
+            value: element.value,
+            customColor: element.key == LocaleKeys.owner.tr() ? AppColors.kRed : null,
+          ),
+        )
+        .toList();
 
     final listDetails = nftDetail.entries
         .map(
           (element) => _tabDetails(
-              field: element.key,
-              value: element.value,
-              customWidget: (element.key == LocaleKeys.recipe_id.tr() || element.key == LocaleKeys.ipfs_cid.tr()) && element.value.isNotEmpty ? _tabDetailsWithIcon(value: element.value) : null),
+            field: element.key,
+            value: element.value,
+            customWidget: (element.key == LocaleKeys.recipe_id.tr() || element.key == LocaleKeys.ipfs_cid.tr()) && element.value.isNotEmpty
+                ? _tabDetailsWithIcon(
+                    value: element.value,
+                  )
+                : null,
+          ),
         )
         .toList();
 
@@ -111,7 +126,10 @@ class _TabFieldState extends State<TabField> {
                     child: AutoSizeText(
                       widget.name,
                       maxLines: 1,
-                      style: const TextStyle(color: Colors.white),
+                      style: const TextStyle(
+                        color: AppColors.kWhite,
+                        fontWeight: FontWeight.bold,
+                      ),
                     ),
                   ),
                   SizedBox(
@@ -156,10 +174,20 @@ class _TabFieldState extends State<TabField> {
                 children: [
                   Container(
                     width: 100.w,
-                    height: 10.h,
-                    decoration: const BoxDecoration(border: Border(bottom: BorderSide(color: Colors.white, width: 2))),
+                    height: 6.h,
+                    decoration: const BoxDecoration(
+                      border: Border(
+                        bottom: BorderSide(
+                          color: AppColors.kWhite,
+                          width: 2,
+                        ),
+                      ),
+                    ),
+                  ),
+                  CustomPaint(
+                    size: Size(6.w, 6.h),
+                    painter: DiagonalLinePainter(),
                   ),
-                  CustomPaint(size: Size(10.w, 10.h), painter: DiagonalLinePainter()),
                 ],
               ),
               SizedBox(
@@ -278,9 +306,9 @@ class DiagonalLinePainter extends CustomPainter {
   @override
   void paint(Canvas canvas, Size size) {
     final point1 = Offset(-0.5, size.height - 1);
-    final point2 = Offset(size.width, 0);
+    final point2 = Offset(size.width, -3);
     final paint = Paint()
-      ..color = Colors.white
+      ..color = AppColors.kWhite
       ..strokeWidth = 2;
     canvas.drawLine(point1, point2, paint);
   }

wallet/lib/pages/purchase_item/purchase_item_screen.dart

@@ -28,6 +28,7 @@ import 'package:pylons_wallet/pages/purchase_item/widgets/purchase_video_player_
 import 'package:pylons_wallet/pages/purchase_item/widgets/purchase_video_progress_widget.dart';
 import 'package:pylons_wallet/pages/purchase_item/widgets/trade_receipt_dialog.dart';
 import 'package:pylons_wallet/pages/purchase_item/widgets/transaction_complete_dialog.dart';
+import 'package:pylons_wallet/pages/settings/screens/submit_feedback.dart';
 import 'package:pylons_wallet/utils/clipper_utils.dart';
 import 'package:pylons_wallet/utils/constants.dart';
 import 'package:pylons_wallet/utils/dependency_injection/dependency_injection.dart';
@@ -157,7 +158,12 @@ class _PurchaseItemContentState extends State<PurchaseItemContent> {
             Visibility(
               visible: !viewModel.isViewingFullNft,
               child: Padding(
-                padding: EdgeInsets.only(left: 8.w, right: 8.w, bottom: 8.h, top: MediaQuery.of(context).viewPadding.top.h),
+                padding: EdgeInsets.only(
+                  left: 8.w,
+                  right: 8.w,
+                  bottom: 8.h,
+                  top: MediaQuery.of(context).viewPadding.top.h,
+                ),
                 child: SizedBox(
                   height: 100.h,
                   width: double.infinity,
@@ -172,7 +178,16 @@ class _PurchaseItemContentState extends State<PurchaseItemContent> {
                         height: 25.h,
                       ),
                     ),
-                    trailing: const SizedBox(),
+                    trailing: GestureDetector(
+                      onTap: () {
+                        final SubmitFeedback submitFeedbackDialog = SubmitFeedback(context: context);
+                        submitFeedbackDialog.show();
+                      },
+                      child: SvgPicture.asset(
+                        SVGUtil.OWNER_REPORT,
+                        height: 25.h,
+                      ),
+                    ),
                   ),
                 ),
               ),
@@ -307,7 +322,7 @@ class _OwnerBottomDrawerState extends State<OwnerBottomDrawer> {
                   Column(
                     children: [
                       SvgPicture.asset(
-                        SVGUtil.OWNER_VIEWS,
+                        SVGUtil.OWNER_VIEWS_BOLD,
                         width: 20.w,
                         height: 15.h,
                       ),
@@ -437,10 +452,10 @@ class _OwnerBottomDrawerState extends State<OwnerBottomDrawer> {
 
   Widget getLikeIcon({required bool likedByMe}) {
     return SizedBox(
-      height: 15.r,
-      width: 15.r,
+      height: 20.r,
+      width: 20.r,
       child: Image.asset(
-        'assets/images/icons/${likedByMe ? 'like_full' : 'like'}.png',
+        'assets/images/icons/${likedByMe ? 'like_full' : 'like_bold'}.png',
         fit: BoxFit.fill,
         color: likedByMe ? AppColors.kDarkRed : AppColors.kWhite,
       ),
@@ -569,7 +584,7 @@ class _OwnerBottomDrawerState extends State<OwnerBottomDrawer> {
                           child: Column(
                             children: [
                               SvgPicture.asset(
-                                SVGUtil.OWNER_VIEWS,
+                                SVGUtil.OWNER_VIEWS_BOLD,
                                 width: 15.w,
                                 height: 15.h,
                               ),
@@ -671,15 +686,17 @@ class _OwnerBottomDrawerState extends State<OwnerBottomDrawer> {
             clipper: RightTriangleClipper(orientation: enums.Orientation.Orientation_SW),
             child: Container(
               color: AppColors.kDarkRed,
-              height: 50.r,
-              width: 50.r,
+
+              height: 55.r,
+              width: 55.r,
               child: Center(
                 child: IconButton(
                   key: const Key(kCloseBottomSheetKey),
                   alignment: Alignment.topRight,
                   padding: EdgeInsets.only(
-                    bottom: 12.h,
-                    left: 12.w,
+
+                    bottom: 15.h,
+                    left: isTablet ? 16.w : 20.w,
                   ),
                   icon: const Icon(Icons.keyboard_arrow_down_outlined),
                   onPressed: () {
@@ -692,19 +709,6 @@ class _OwnerBottomDrawerState extends State<OwnerBottomDrawer> {
             ),
           ),
         ),
-        Positioned.fill(
-          child: Align(
-            alignment: Alignment.bottomLeft,
-            child: ClipPath(
-              clipper: RightTriangleClipper(orientation: enums.Orientation.Orientation_NE),
-              child: Container(
-                color: AppColors.kDarkRed,
-                height: isTablet ? 25.0.r : 30.r,
-                width: isTablet ? 25.0.r : 30.r,
-              ),
-            ),
-          ),
-        ),
       ],
     );
   }