Use dedicated svg model for the Logitech Extreme 3D Pro joystick

bluerobotics · Nov 13, 2023 · 819f32c · 819f32c
1 parent 78eaeda
commit 819f32c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/joysticks/JoystickPS.vue b/src/components/joysticks/JoystickPS.vue
@@ -19,6 +19,7 @@ const textColor = '#747474'
 enum Models {
   PS4 = 'PS4',
   PS5 = 'PS5',
+  LogitechExtreme3DPro = 'LogitechExtreme3DPro',
 }
 
 const buttonPath: { [key in JoystickButton]: string } = {
@@ -144,7 +145,8 @@ watch(
 )
 
 const joystick_svg_path = computed(() => {
-  return `/images/${props.model}.svg`
+  const svgModelFileName = props.model === 'LogitechExtreme3DPro' ? 'LogitechExtreme3DPro' : 'PS4'
+  return `/images/${svgModelFileName}.svg`
 })
 
 watch(