Informative icons for the LOVE sidebar (#7275)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
hcengineering · Dec 6, 2024 · 596185b · 596185b
1 parent d9aa051
commit 596185b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/plugins/love-resources/src/components/widget/WidgetSwitcher.svelte b/plugins/love-resources/src/components/widget/WidgetSwitcher.svelte
@@ -16,17 +16,30 @@
   import type { Asset, IntlString } from '@hcengineering/platform'
   import type { AnySvelteComponent } from '@hcengineering/ui'
   import { AppItem } from '@hcengineering/workbench-resources'
+  import { RoomType } from '@hcengineering/love'
+  import { currentRoom } from '../../stores'
   import { isConnected, isSharingEnabled, isCameraEnabled, isMicEnabled } from '../../utils'
+  import love from '../../plugin'
 
   export let label: IntlString
   export let icon: Asset | AnySvelteComponent
   export let selected: boolean = false
   export let size: 'small' | 'medium' | 'large' = 'small'
+
+  $: allowCam = $currentRoom?.type === RoomType.Video
 </script>
 
 <AppItem
   {label}
-  {icon}
+  icon={$isSharingEnabled
+    ? love.icon.SharingDisabled
+    : $isConnected && allowCam && !$isCameraEnabled && !$isMicEnabled
+      ? love.icon.CamDisabled
+      : $isConnected && !allowCam && !$isMicEnabled
+        ? love.icon.MicDisabled
+        : !allowCam || (!$isCameraEnabled && $isMicEnabled)
+            ? love.icon.Mic
+            : icon}
   {selected}
   {size}
   kind={$isSharingEnabled

diff --git a/plugins/workbench-resources/src/components/AppItem.svelte b/plugins/workbench-resources/src/components/AppItem.svelte
@@ -119,7 +119,7 @@
     }
     &.accented,
     &.accented.selected {
-      background-color: var(--global-disabled-PriorityColor);
+      background-color: var(--button-secondary-active-BackgroundColor);
     }
     &.positive .icon-container,
     &.negative .icon-container,