PB-2068: Add arrows-to-circle icon for RecenterButton

ismailsunni · ismailsunni · commit 7d1e58bb2b7d · 2025-11-12T13:00:53.000+07:00
Register faArrowsToCircle in FontAwesome library and use it
in RecenterButton for better visual indication of tracking mode.
diff --git a/packages/viewer/src/modules/map/components/toolbox/RecenterButton.vue b/packages/viewer/src/modules/map/components/toolbox/RecenterButton.vue
@@ -56,7 +56,7 @@ function toggleTracking(): void {
             @click="toggleTracking"
         >
             <FontAwesomeIcon
-                icon="location-crosshairs"
+                icon="arrows-to-circle"
                 transform="shrink-2"
             />
         </button>
diff --git a/packages/viewer/src/setup-fontawesome.ts b/packages/viewer/src/setup-fontawesome.ts
@@ -21,6 +21,7 @@ import {
     faArrowLeft,
     faArrowsAltH,
     faArrowsAltV,
+    faArrowsToCircle,
     faArrowsUpDownLeftRight,
     faArrowUp,
     faBorderNone,
@@ -106,6 +107,7 @@ library.add(
     faArrowLeft,
     faArrowsAltH,
     faArrowsAltV,
+    faArrowsToCircle,
     faArrowsUpDownLeftRight,
     faArrowUp,
     faBorderNone,

Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@ function toggleTracking(): void {`
`56`	`56`	`@click="toggleTracking"`
`57`	`57`	`>`
`58`	`58`	`<FontAwesomeIcon`
`59`		`- icon="location-crosshairs"`
	`59`	`+ icon="arrows-to-circle"`
`60`	`60`	`transform="shrink-2"`
`61`	`61`	`/>`
`62`	`62`	`</button>`