feat: fetch pointer image by color name

SuperViz · Jul 4, 2024 · 975c475 · 975c475
1 parent 27104a4
commit 975c475
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/common/types/meeting-colors.types.ts b/src/common/types/meeting-colors.types.ts
@@ -12,7 +12,7 @@ export const NAME_IS_WHITE_TEXT = [
   'lightsea',
   'teal',
   'cadetblue',
-  'slategray',
+  'pastelblue',
   'mediumslateblue',
   'bluedark',
   'navy',
@@ -27,6 +27,7 @@ export const NAME_IS_WHITE_TEXT = [
   'vibrantpink',
   'paleredviolet',
   'carmine',
+  'wine',
 ];
 
 export const MEETING_COLORS = {
@@ -55,7 +56,7 @@ export const MEETING_COLORS = {
   seagreen: '#04B45F',
   palegreen: '#8DE990',
   saddlebrown: '#964C42',
-  mediumgray: '#AFAFAF',
+  pastelblue: '#77A1CC',
   palesilver: '#D2BABA',
   coral: '#DF6B6B',
   bisque: '#FFD9C4',
@@ -65,7 +66,7 @@ export const MEETING_COLORS = {
   mint: '#ADE6DF',
   lightsea: '#45AFAA',
   teal: '#036E6E',
-  slategray: '#708090',
+  wine: '#760040',
   cyan: '#00FFFF',
   mediumslateblue: '#6674D7',
   navy: '#0013BB',

diff --git a/src/components/presence-mouse/canvas/index.ts b/src/components/presence-mouse/canvas/index.ts
@@ -330,7 +330,7 @@ export class PointersCanvas extends BaseComponent {
     const pointerUser = divPointer.getElementsByClassName('pointer-mouse')[0] as HTMLDivElement;
 
     if (pointerUser) {
-      pointerUser.style.backgroundImage = `url(https://production.cdn.superviz.com/static/pointers-v2/${mouse.slot.index}.svg)`;
+      pointerUser.style.backgroundImage = `url(https://production.cdn.superviz.com/static/mouse-pointers/${mouse.slot.colorName}.svg)`;
     }
 
     if (mouseUser) {

diff --git a/src/components/presence-mouse/html/index.ts b/src/components/presence-mouse/html/index.ts
@@ -691,7 +691,7 @@ export class PointersHTML extends BaseComponent {
     const pointerUser = mouseFollower.getElementsByClassName('pointer-mouse')[0] as HTMLDivElement;
 
     if (pointerUser) {
-      pointerUser.style.backgroundImage = `url(https://production.cdn.superviz.com/static/pointers-v2/${participant.slot.index}.svg)`;
+      pointerUser.style.backgroundImage = `url(https://production.cdn.superviz.com/static/mouse-pointers/${participant.slot.colorName}.svg)`;
     }
 
     if (mouseUser) {