From 255f736a9c77b19ad7a7024d2c5278b1088e2994 Mon Sep 17 00:00:00 2001
From: ggurdin <46800240+ggurdin@users.noreply.github.com>
Date: Fri, 10 Oct 2025 15:59:11 -0400
Subject: [PATCH] chore: add custom map icons (#4339)

---
 lib/pangea/login/pages/plan_trip_page.dart | 31 +++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/lib/pangea/login/pages/plan_trip_page.dart b/lib/pangea/login/pages/plan_trip_page.dart
index c65fa287f..c166ee353 100644
--- a/lib/pangea/login/pages/plan_trip_page.dart
+++ b/lib/pangea/login/pages/plan_trip_page.dart
@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
 
+import 'package:flutter_svg/svg.dart';
 import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 
+import 'package:fluffychat/config/app_config.dart';
 import 'package:fluffychat/l10n/l10n.dart';
 import 'package:fluffychat/pangea/common/widgets/pangea_logo_svg.dart';
 
@@ -13,6 +15,9 @@ class PlanTripPage extends StatelessWidget {
     super.key,
   });
 
+  static String mapStartFileName = "start_trip.svg";
+  static String mapUnlockFileName = "unlock_trip.svg";
+
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
@@ -64,7 +69,15 @@ class PlanTripPage extends StatelessWidget {
                         spacing: 4.0,
                         mainAxisAlignment: MainAxisAlignment.center,
                         children: [
-                          const Icon(Icons.map_outlined),
+                          SvgPicture.network(
+                            "${AppConfig.assetsBaseURL}/$mapUnlockFileName",
+                            width: 24.0,
+                            height: 24.0,
+                            colorFilter: ColorFilter.mode(
+                              theme.colorScheme.onPrimaryContainer,
+                              BlendMode.srcIn,
+                            ),
+                          ),
                           Text(L10n.of(context).unlockPrivateTrip),
                         ],
                       ),
@@ -81,7 +94,11 @@ class PlanTripPage extends StatelessWidget {
                         spacing: 4.0,
                         mainAxisAlignment: MainAxisAlignment.center,
                         children: [
-                          const Icon(Symbols.map_search),
+                          Icon(
+                            Symbols.map_search,
+                            size: 24.0,
+                            color: theme.colorScheme.onPrimaryContainer,
+                          ),
                           Text(L10n.of(context).joinPublicTrip),
                         ],
                       ),
@@ -98,7 +115,15 @@ class PlanTripPage extends StatelessWidget {
                         spacing: 4.0,
                         mainAxisAlignment: MainAxisAlignment.center,
                         children: [
-                          const Icon(Icons.map_outlined),
+                          SvgPicture.network(
+                            "${AppConfig.assetsBaseURL}/$mapStartFileName",
+                            width: 24.0,
+                            height: 24.0,
+                            colorFilter: ColorFilter.mode(
+                              theme.colorScheme.onPrimaryContainer,
+                              BlendMode.srcIn,
+                            ),
+                          ),
                           Text(L10n.of(context).startOwnTrip),
                         ],
                       ),