From 32b281f6890676e0952b662fb614cac870362fec Mon Sep 17 00:00:00 2001
From: Sudheer Salavadi <connect.uxmaster@gmail.com>
Date: Thu, 27 Feb 2025 14:26:03 -0500
Subject: [PATCH] Improvements in Sessions list & Cobrowsing (#3071)

---
 .../AssistActions/AassistActions.module.css     | 10 +++++++++-
 .../components/AssistActions/AssistActions.tsx  | 17 ++++++++---------
 .../Session_/ScreenRecorder/ScreenRecorder.tsx  |  3 ++-
 .../shared/Filters/FilterList/FilterList.tsx    |  4 ++--
 .../shared/SessionItem/SessionItem.tsx          |  2 +-
 .../components/ui/Icons/mouse_pointer_click.tsx |  2 +-
 .../app/components/ui/Icons/user_switch.tsx     |  2 +-
 frontend/app/styles/main.css                    |  3 ++-
 frontend/app/svg/icons/mouse-pointer-click.svg  |  6 +++---
 frontend/app/svg/icons/user-switch.svg          |  2 +-
 frontend/app/svg/remote-control.svg             |  9 ++-------
 11 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css b/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css
index 77d9b7c81..33ff0b125 100644
--- a/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css
+++ b/frontend/app/components/Assist/components/AssistActions/AassistActions.module.css
@@ -1,8 +1,16 @@
 .disabled {
-  opacity: 0.5;
   pointer-events: none;
 }
 
+.disabled > button {
+  opacity: 0.5;
+}
+
+/* Keep the icon color intact */
+.disabled > button svg {
+  opacity: 1; 
+}
+
 .divider {
   width: 1px;
   height: 49px;
diff --git a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
index 88317ac79..28043f5b8 100644
--- a/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
+++ b/frontend/app/components/Assist/components/AssistActions/AssistActions.tsx
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Button } from 'antd';
+import {Headset} from 'lucide-react';
 import cn from 'classnames';
 import ChatWindow from '../../ChatWindow';
 import { CallingState, ConnectionStatus, RemoteControlStatus, RequestLocalStream } from 'Player';
@@ -223,7 +224,7 @@ function AssistActions({
             <Button
               icon={<Icon name={annotating ? 'pencil-stop' : 'pencil'} size={16} />}
               type={'text'}
-              style={{ height: '28px' }}
+              size='small'
               className={annotating ? 'text-red' : 'text-main'}
             >
               Annotate
@@ -235,10 +236,9 @@ function AssistActions({
 
       {/* @ts-ignore wtf? */}
       <ScreenRecorder />
-      <div className={stl.divider} />
 
       {/* @ts-ignore */}
-      <Tooltip title="Go live to initiate remote control" disabled={livePlay}>
+      <Tooltip title="Call user to initiate remote control" disabled={livePlay}>
         <div
           className={cn('cursor-pointer p-2 flex items-center', {
             [stl.disabled]: cannotCall || !livePlay || callRequesting || remoteRequesting,
@@ -247,16 +247,15 @@ function AssistActions({
           role="button"
         >
           <Button
-            icon={<Icon name={remoteActive ? 'window-x' : 'remote-control'} size={16} />}
             type={'text'}
-            className={remoteActive ? 'text-red' : 'text-main'}
-            style={{ height: '28px' }}
+            className={remoteActive ? 'text-red' : 'text-teal'}
+            icon={<Icon name={remoteActive ? 'window-x' : 'remote-control'} size={16} color={remoteActive ? 'red' : 'main'} />}
+            size='small'
           >
             Remote Control
           </Button>
         </div>
       </Tooltip>
-      <div className={stl.divider} />
 
       <Tooltip
         title={
@@ -274,10 +273,10 @@ function AssistActions({
           role="button"
         >
           <Button
-            icon={<Icon name={'headset'} size={16} />}
+            icon={<Headset size={16} />}
             type={'text'}
             className={onCall ? 'text-red' : isPrestart ? 'text-green' : 'text-main'}
-            style={{ height: '28px' }}
+            size='small'
           >
             {onCall ? 'End' : isPrestart ? 'Join Call' : 'Call'}
           </Button>
diff --git a/frontend/app/components/Session_/ScreenRecorder/ScreenRecorder.tsx b/frontend/app/components/Session_/ScreenRecorder/ScreenRecorder.tsx
index 6df8e775a..3e73dbb0a 100644
--- a/frontend/app/components/Session_/ScreenRecorder/ScreenRecorder.tsx
+++ b/frontend/app/components/Session_/ScreenRecorder/ScreenRecorder.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { screenRecorder } from 'App/utils/screenRecorder';
 import { Tooltip, Button } from 'antd'
 import { Icon } from 'UI';
+import {Disc} from 'lucide-react'
 import { SessionRecordingStatus } from 'Player';
 let stopRecorderCb: () => void;
 import { recordingsService } from 'App/services';
@@ -116,7 +117,7 @@ function ScreenRecorder() {
         <Tooltip
           title={isEnterprise ? supportedMessage : ENTERPRISE_REQUEIRED}
         >
-          <Button icon={<Icon name={"record-circle"} size={16} />} disabled type="text">
+          <Button icon={<Disc size={16} />} disabled type="text">
             Record Activity
           </Button>
         </Tooltip>
diff --git a/frontend/app/components/shared/Filters/FilterList/FilterList.tsx b/frontend/app/components/shared/Filters/FilterList/FilterList.tsx
index 457ad6eb8..e3a0adcce 100644
--- a/frontend/app/components/shared/Filters/FilterList/FilterList.tsx
+++ b/frontend/app/components/shared/Filters/FilterList/FilterList.tsx
@@ -61,7 +61,7 @@ export const FilterList = observer((props: Props) => {
         borderTopRightRadius: props.mergeUp ? 0 : undefined
       }}
     >
-      <div className={'flex items-center py-2'} style={{ gap: '0.65rem' }}>
+      <div className={'flex items-center pt-2'} style={{ gap: '0.65rem' }}>
         <div className="font-medium">Filters</div>
         <FilterSelection
           mode={'filters'}
@@ -204,7 +204,7 @@ export const EventsList = observer((props: Props) => {
     <div
       className={cn(
       'bg-white',
-        borderless ? '' : 'pb-2 px-4 rounded-xl border border-gray-lighter'
+        borderless ? '' : 'py-2 px-4 rounded-xl border border-gray-lighter'
       )
       }
       style={{
diff --git a/frontend/app/components/shared/SessionItem/SessionItem.tsx b/frontend/app/components/shared/SessionItem/SessionItem.tsx
index ea5b54882..9f42d4c0a 100644
--- a/frontend/app/components/shared/SessionItem/SessionItem.tsx
+++ b/frontend/app/components/shared/SessionItem/SessionItem.tsx
@@ -177,7 +177,7 @@ function SessionItem(props: RouteComponentProps & Props) {
       disabled={!props.isDisabled || !location.pathname.includes('multiview')}
     >
       <div
-        className={cn(stl.sessionItem, 'flex flex-col py-2 px-4')}
+        className={cn(stl.sessionItem, 'flex flex-col p-4')}
         id="session-item"
         onClick={(e) => e.stopPropagation()}
         onMouseEnter={handleHover}
diff --git a/frontend/app/components/ui/Icons/mouse_pointer_click.tsx b/frontend/app/components/ui/Icons/mouse_pointer_click.tsx
index 157760f06..5ce2bb94d 100644
--- a/frontend/app/components/ui/Icons/mouse_pointer_click.tsx
+++ b/frontend/app/components/ui/Icons/mouse_pointer_click.tsx
@@ -12,7 +12,7 @@ interface Props {
 function Mouse_pointer_click(props: Props) {
     const { size = 14, width = size, height = size, fill = '' } = props;
     return (
-      <svg viewBox="0 0 14 14" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g stroke="#000" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="m5.25 5.25 2.917 7L9.2 9.201l3.049-1.034-7-2.917Z" fill="#000" fillOpacity=".85"/><path d="m9.375 9.375 2.475 2.475M4.193 1.306l.453 1.69m-1.65 1.65-1.69-.453m6.832-1.83L6.9 3.6M3.6 6.9 2.363 8.137"/></g></svg>
+      <svg viewBox="0 0 14 14" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="m5.25 5.25 2.917 7L9.2 9.201l3.049-1.034-7-2.917Z" fill="currentColor" fillOpacity=".85"/><path d="m9.375 9.375 2.475 2.475M4.193 1.306l.453 1.69m-1.65 1.65-1.69-.453m6.832-1.83L6.9 3.6M3.6 6.9 2.363 8.137"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/user_switch.tsx b/frontend/app/components/ui/Icons/user_switch.tsx
index 27d47c541..c87f988ad 100644
--- a/frontend/app/components/ui/Icons/user_switch.tsx
+++ b/frontend/app/components/ui/Icons/user_switch.tsx
@@ -12,7 +12,7 @@ interface Props {
 function User_switch(props: Props) {
     const { size = 14, width = size, height = size, fill = '' } = props;
     return (
-      <svg viewBox="0 0 15 14" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.526 4.23a3.874 3.874 0 1 0-6.14 3.144l-.015.007A5.822 5.822 0 0 0 3.507 8.64a5.835 5.835 0 0 0-1.256 1.867 5.838 5.838 0 0 0-.46 2.158.125.125 0 0 0 .126.128h.935a.126.126 0 0 0 .125-.122 4.662 4.662 0 0 1 1.37-3.192A4.631 4.631 0 0 1 7.65 8.106a3.874 3.874 0 0 0 3.875-3.875ZM7.65 6.919a2.687 2.687 0 1 1 0-5.375 2.687 2.687 0 0 1 0 5.375Zm1.64 3.453h4.125a.125.125 0 0 0 .125-.125v-.875a.125.125 0 0 0-.125-.125H10.66l.737-.939a.126.126 0 0 0 .027-.076.125.125 0 0 0-.125-.125h-1.135a.255.255 0 0 0-.196.095l-1.07 1.36a.501.501 0 0 0 .395.81Zm3.75 1H8.918a.125.125 0 0 0-.125.125v.875c0 .069.056.125.125.125h2.757l-.737.94a.125.125 0 0 0 .098.201h1.135a.255.255 0 0 0 .197-.096l1.07-1.36a.502.502 0 0 0-.396-.81Z" fill="#000" fillOpacity=".85"/></svg>
+      <svg viewBox="0 0 15 14" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.526 4.23a3.874 3.874 0 1 0-6.14 3.144l-.015.007A5.822 5.822 0 0 0 3.507 8.64a5.835 5.835 0 0 0-1.256 1.867 5.838 5.838 0 0 0-.46 2.158.125.125 0 0 0 .126.128h.935a.126.126 0 0 0 .125-.122 4.662 4.662 0 0 1 1.37-3.192A4.631 4.631 0 0 1 7.65 8.106a3.874 3.874 0 0 0 3.875-3.875ZM7.65 6.919a2.687 2.687 0 1 1 0-5.375 2.687 2.687 0 0 1 0 5.375Zm1.64 3.453h4.125a.125.125 0 0 0 .125-.125v-.875a.125.125 0 0 0-.125-.125H10.66l.737-.939a.126.126 0 0 0 .027-.076.125.125 0 0 0-.125-.125h-1.135a.255.255 0 0 0-.196.095l-1.07 1.36a.501.501 0 0 0 .395.81Zm3.75 1H8.918a.125.125 0 0 0-.125.125v.875c0 .069.056.125.125.125h2.757l-.737.94a.125.125 0 0 0 .098.201h1.135a.255.255 0 0 0 .197-.096l1.07-1.36a.502.502 0 0 0-.396-.81Z" fill="currentColor" fillOpacity=".85"/></svg>
   );
 }
 
diff --git a/frontend/app/styles/main.css b/frontend/app/styles/main.css
index 2f074ff3e..5f41dfc4f 100644
--- a/frontend/app/styles/main.css
+++ b/frontend/app/styles/main.css
@@ -414,4 +414,5 @@ svg {
     background-color: #c6c6c6;
     border-radius: 4px;
     cursor: grab;
-}
\ No newline at end of file
+}
+
diff --git a/frontend/app/svg/icons/mouse-pointer-click.svg b/frontend/app/svg/icons/mouse-pointer-click.svg
index d3578f05d..0ec4cba4d 100644
--- a/frontend/app/svg/icons/mouse-pointer-click.svg
+++ b/frontend/app/svg/icons/mouse-pointer-click.svg
@@ -1,7 +1,7 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g id="mouse-pointer-click">
-<path id="Vector" d="M5.25 5.25L8.16667 12.25L9.2015 9.2015L12.25 8.16667L5.25 5.25Z" fill="black" fill-opacity="0.85" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_2" d="M9.37451 9.37475L11.8496 11.8498" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_3" d="M4.19316 1.30608L4.64641 2.996M2.99616 4.64625L1.30566 4.193M8.13766 2.3625L6.89983 3.60033M3.59991 6.89967L2.36325 8.1375" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector" d="M5.25 5.25L8.16667 12.25L9.2015 9.2015L12.25 8.16667L5.25 5.25Z" fill="currentColor" fill-opacity="0.85" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M9.37451 9.37475L11.8496 11.8498" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M4.19316 1.30608L4.64641 2.996M2.99616 4.64625L1.30566 4.193M8.13766 2.3625L6.89983 3.60033M3.59991 6.89967L2.36325 8.1375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 </svg>
diff --git a/frontend/app/svg/icons/user-switch.svg b/frontend/app/svg/icons/user-switch.svg
index 6ea7b910d..0bc2fbb85 100644
--- a/frontend/app/svg/icons/user-switch.svg
+++ b/frontend/app/svg/icons/user-switch.svg
@@ -1,5 +1,5 @@
 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g id="UserSwitch">
-<path id="Vector" d="M11.5259 4.23058C11.5259 2.08995 9.79154 0.355577 7.65092 0.355577C5.51029 0.355577 3.77592 2.08995 3.77592 4.23058C3.77592 5.52433 4.41029 6.6712 5.38529 7.37433C5.37904 7.37745 5.37436 7.37901 5.37123 7.38058C4.67279 7.67589 4.04623 8.09933 3.50717 8.63995C2.97122 9.17493 2.54453 9.80912 2.25092 10.5071C1.96203 11.1907 1.80612 11.923 1.79154 12.665C1.79113 12.6816 1.79405 12.6982 1.80015 12.7137C1.80624 12.7293 1.81538 12.7434 1.82703 12.7554C1.83868 12.7673 1.8526 12.7768 1.86797 12.7833C1.88335 12.7897 1.89986 12.7931 1.91654 12.7931H2.85248C2.91967 12.7931 2.97592 12.7384 2.97748 12.6712C3.00873 11.465 3.49154 10.3353 4.34623 9.47902C5.22904 8.59308 6.40092 8.10558 7.65092 8.10558C9.79154 8.10558 11.5259 6.3712 11.5259 4.23058ZM7.65092 6.91808C6.16654 6.91808 4.96342 5.71495 4.96342 4.23058C4.96342 2.7462 6.16654 1.54308 7.65092 1.54308C9.13529 1.54308 10.3384 2.7462 10.3384 4.23058C10.3384 5.71495 9.13529 6.91808 7.65092 6.91808ZM9.29154 10.3712H13.4165C13.4853 10.3712 13.5415 10.315 13.5415 10.2462V9.3712C13.5415 9.30245 13.4853 9.2462 13.4165 9.2462H10.6587L11.3962 8.30714C11.4132 8.28522 11.4226 8.25832 11.4228 8.23058C11.4228 8.16183 11.3665 8.10558 11.2978 8.10558H10.1634C10.0869 8.10558 10.015 8.14151 9.96654 8.20089L8.89623 9.56183C8.82748 9.64933 8.78998 9.7587 8.78998 9.8712C8.79154 10.1478 9.01498 10.3712 9.29154 10.3712ZM13.0415 11.3712H8.91654C8.84779 11.3712 8.79154 11.4275 8.79154 11.4962V12.3712C8.79154 12.44 8.84779 12.4962 8.91654 12.4962H11.6744L10.9369 13.4353C10.9198 13.4572 10.9105 13.4841 10.9103 13.5118C10.9103 13.5806 10.9665 13.6368 11.0353 13.6368H12.1697C12.2462 13.6368 12.3181 13.6009 12.3665 13.5415L13.4369 12.1806C13.5056 12.0931 13.5431 11.9837 13.5431 11.8712C13.5415 11.5946 13.3181 11.3712 13.0415 11.3712Z" fill="black" fill-opacity="0.85"/>
+<path id="Vector" d="M11.5259 4.23058C11.5259 2.08995 9.79154 0.355577 7.65092 0.355577C5.51029 0.355577 3.77592 2.08995 3.77592 4.23058C3.77592 5.52433 4.41029 6.6712 5.38529 7.37433C5.37904 7.37745 5.37436 7.37901 5.37123 7.38058C4.67279 7.67589 4.04623 8.09933 3.50717 8.63995C2.97122 9.17493 2.54453 9.80912 2.25092 10.5071C1.96203 11.1907 1.80612 11.923 1.79154 12.665C1.79113 12.6816 1.79405 12.6982 1.80015 12.7137C1.80624 12.7293 1.81538 12.7434 1.82703 12.7554C1.83868 12.7673 1.8526 12.7768 1.86797 12.7833C1.88335 12.7897 1.89986 12.7931 1.91654 12.7931H2.85248C2.91967 12.7931 2.97592 12.7384 2.97748 12.6712C3.00873 11.465 3.49154 10.3353 4.34623 9.47902C5.22904 8.59308 6.40092 8.10558 7.65092 8.10558C9.79154 8.10558 11.5259 6.3712 11.5259 4.23058ZM7.65092 6.91808C6.16654 6.91808 4.96342 5.71495 4.96342 4.23058C4.96342 2.7462 6.16654 1.54308 7.65092 1.54308C9.13529 1.54308 10.3384 2.7462 10.3384 4.23058C10.3384 5.71495 9.13529 6.91808 7.65092 6.91808ZM9.29154 10.3712H13.4165C13.4853 10.3712 13.5415 10.315 13.5415 10.2462V9.3712C13.5415 9.30245 13.4853 9.2462 13.4165 9.2462H10.6587L11.3962 8.30714C11.4132 8.28522 11.4226 8.25832 11.4228 8.23058C11.4228 8.16183 11.3665 8.10558 11.2978 8.10558H10.1634C10.0869 8.10558 10.015 8.14151 9.96654 8.20089L8.89623 9.56183C8.82748 9.64933 8.78998 9.7587 8.78998 9.8712C8.79154 10.1478 9.01498 10.3712 9.29154 10.3712ZM13.0415 11.3712H8.91654C8.84779 11.3712 8.79154 11.4275 8.79154 11.4962V12.3712C8.79154 12.44 8.84779 12.4962 8.91654 12.4962H11.6744L10.9369 13.4353C10.9198 13.4572 10.9105 13.4841 10.9103 13.5118C10.9103 13.5806 10.9665 13.6368 11.0353 13.6368H12.1697C12.2462 13.6368 12.3181 13.6009 12.3665 13.5415L13.4369 12.1806C13.5056 12.0931 13.5431 11.9837 13.5431 11.8712C13.5415 11.5946 13.3181 11.3712 13.0415 11.3712Z" fill="currentColor" fill-opacity="0.85"/>
 </g>
 </svg>
diff --git a/frontend/app/svg/remote-control.svg b/frontend/app/svg/remote-control.svg
index 9e2925be5..5a44d678f 100644
--- a/frontend/app/svg/remote-control.svg
+++ b/frontend/app/svg/remote-control.svg
@@ -1,10 +1,5 @@
-<svg viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.5" clip-path="url(#clip0_306_268)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.13437 8.44688C1.13906 10.4303 0.0118617 13.1241 0 15.9375L0 58.4375C0.0118617 61.2509 1.13906 63.9447 3.13437 65.9281C5.1178 67.9234 7.81162 69.0506 10.625 69.0625H39.8438C40.5482 69.0625 41.2239 68.7827 41.722 68.2845C42.2201 67.7864 42.5 67.1107 42.5 66.4063C42.5 65.7018 42.2201 65.0261 41.722 64.528C41.2239 64.0299 40.5482 63.75 39.8438 63.75H10.625C9.92584 63.754 9.23276 63.62 8.5855 63.3557C7.93823 63.0913 7.34952 62.7018 6.85312 62.2094C6.36075 61.713 5.97121 61.1243 5.70684 60.477C5.44247 59.8297 5.30846 59.1367 5.3125 58.4375V31.875H74.375V37.1875C74.375 37.892 74.6549 38.5676 75.153 39.0658C75.6511 39.5639 76.3268 39.8438 77.0312 39.8438C77.7357 39.8438 78.4114 39.5639 78.9095 39.0658C79.4076 38.5676 79.6875 37.892 79.6875 37.1875V15.9375C79.6875 13.1196 78.5681 10.4171 76.5755 8.42449C74.5829 6.43192 71.8804 5.3125 69.0625 5.3125H10.625C7.81162 5.32436 5.1178 6.45156 3.13437 8.44688ZM74.375 26.5625H5.3125V15.9375C5.30846 15.2383 5.44247 14.5453 5.70684 13.898C5.97121 13.2507 6.36075 12.662 6.85312 12.1656C7.34952 11.6733 7.93823 11.2837 8.5855 11.0193C9.23276 10.755 9.92584 10.621 10.625 10.625H69.0625C70.4715 10.625 71.8227 11.1847 72.819 12.181C73.8153 13.1773 74.375 14.5285 74.375 15.9375V26.5625ZM15.1406 20.4531C14.9021 20.7072 14.6141 20.9098 14.2943 21.0482C13.9745 21.1866 13.6297 21.2581 13.2812 21.2581C12.9328 21.2581 12.588 21.1866 12.2682 21.0482C11.9484 20.9098 11.6604 20.7072 11.4219 20.4531C11.1678 20.2146 10.9653 19.9266 10.8268 19.6068C10.6884 19.287 10.6169 18.9422 10.6169 18.5938C10.6169 18.2453 10.6884 17.9005 10.8268 17.5807C10.9653 17.2609 11.1678 16.9729 11.4219 16.7344C11.6604 16.4803 11.9484 16.2778 12.2682 16.1393C12.588 16.0009 12.9328 15.9294 13.2812 15.9294C13.6297 15.9294 13.9745 16.0009 14.2943 16.1393C14.6141 16.2778 14.9021 16.4803 15.1406 16.7344C15.3947 16.9729 15.5972 17.2609 15.7357 17.5807C15.8741 17.9005 15.9456 18.2453 15.9456 18.5938C15.9456 18.9422 15.8741 19.287 15.7357 19.6068C15.5972 19.9266 15.3947 20.2146 15.1406 20.4531ZM23.1094 20.4531C22.881 20.7576 22.5899 21.0094 22.2558 21.1916C21.9217 21.3737 21.5523 21.482 21.1727 21.5089C20.7931 21.5359 20.4121 21.481 20.0555 21.3479C19.699 21.2149 19.3752 21.0067 19.1061 20.7376C18.837 20.4685 18.6289 20.1447 18.4958 19.7882C18.3627 19.4317 18.3078 19.0507 18.3348 18.6711C18.3618 18.2915 18.47 17.9221 18.6522 17.5879C18.8343 17.2538 19.0862 16.9627 19.3906 16.7344C19.619 16.4299 19.9101 16.1781 20.2442 15.9959C20.5783 15.8138 20.9477 15.7055 21.3273 15.6786C21.7069 15.6516 22.0879 15.7065 22.4445 15.8396C22.801 15.9726 23.1248 16.1808 23.3939 16.4499C23.663 16.719 23.8711 17.0428 24.0042 17.3993C24.1373 17.7558 24.1922 18.1368 24.1652 18.5164C24.1382 18.896 24.03 19.2654 23.8478 19.5996C23.6657 19.9337 23.4138 20.2248 23.1094 20.4531ZM31.0781 20.4531C31.3826 20.2248 31.6344 19.9337 31.8166 19.5996C31.9987 19.2654 32.107 18.896 32.1339 18.5164C32.1609 18.1368 32.106 17.7558 31.9729 17.3993C31.8399 17.0428 31.6317 16.719 31.3626 16.4499C31.0935 16.1808 30.7697 15.9726 30.4132 15.8396C30.0567 15.7065 29.6757 15.6516 29.2961 15.6786C28.9165 15.7055 28.5471 15.8138 28.2129 15.9959C27.8788 16.1781 27.5877 16.4299 27.3594 16.7344C27.0549 16.9627 26.8031 17.2538 26.6209 17.5879C26.4388 17.9221 26.3305 18.2915 26.3036 18.6711C26.2766 19.0507 26.3315 19.4317 26.4646 19.7882C26.5976 20.1447 26.8058 20.4685 27.0749 20.7376C27.344 21.0067 27.6678 21.2149 28.0243 21.3479C28.3808 21.481 28.7618 21.5359 29.1414 21.5089C29.521 21.482 29.8904 21.3737 30.2246 21.1916C30.5587 21.0094 30.8498 20.7576 31.0781 20.4531ZM79.6875 74.375C82.7352 71.3745 84.6484 67.4102 85.1011 63.1573C85.5537 58.9045 84.5179 54.6262 82.17 51.0515C79.8221 47.4767 76.3074 44.8265 72.2247 43.5525C68.142 42.2784 63.7439 42.4593 59.7796 44.0643C55.8153 45.6692 52.5301 48.599 50.4837 52.3545C48.4372 56.11 47.7562 60.4589 48.5565 64.6602C49.3568 68.8615 51.589 72.6554 54.8728 75.3955C58.1566 78.1356 62.2889 79.6524 66.5656 79.6875C68.9954 79.7133 71.4062 79.257 73.6585 78.3452C75.9108 77.4333 77.96 76.0839 79.6875 74.375ZM57.375 50.6813C57.7032 50.5756 58.0562 50.5756 58.3844 50.6813L76.075 57.8C76.3912 57.9144 76.6678 58.1172 76.8719 58.3844C77.0617 58.677 77.1627 59.0184 77.1627 59.3672C77.1627 59.716 77.0617 60.0574 76.8719 60.35C76.711 60.6271 76.4703 60.8493 76.1813 60.9875L71.2937 63.4313L76.6062 68.7438C76.9405 69.0848 77.1307 69.5413 77.1375 70.0188C77.1226 70.4789 76.9326 70.9159 76.6062 71.2406C76.2847 71.5716 75.8457 71.7625 75.3844 71.7719C74.9069 71.7651 74.4504 71.5749 74.1094 71.2406L68.7969 65.9281L66.3531 70.8156C66.2149 71.1047 65.9927 71.3454 65.7156 71.5063C65.423 71.6961 65.0816 71.7971 64.7328 71.7971C64.384 71.7971 64.0427 71.6961 63.75 71.5063C63.4828 71.3022 63.28 71.0256 63.1656 70.7094L55.8875 53.125C55.7819 52.7968 55.7819 52.4438 55.8875 52.1156C55.9547 51.7743 56.122 51.4608 56.3679 51.2148C56.6139 50.9688 56.9275 50.8016 57.2687 50.7344L57.375 50.6813Z" fill="#3EAAAF"/>
-</g>
+<svg viewBox="0 0 85 85" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path  d="M3.13437 8.44688C1.13906 10.4303 0.0118617 13.1241 0 15.9375L0 58.4375C0.0118617 61.2509 1.13906 63.9447 3.13437 65.9281C5.1178 67.9234 7.81162 69.0506 10.625 69.0625H39.8438C40.5482 69.0625 41.2239 68.7827 41.722 68.2845C42.2201 67.7864 42.5 67.1107 42.5 66.4063C42.5 65.7018 42.2201 65.0261 41.722 64.528C41.2239 64.0299 40.5482 63.75 39.8438 63.75H10.625C9.92584 63.754 9.23276 63.62 8.5855 63.3557C7.93823 63.0913 7.34952 62.7018 6.85312 62.2094C6.36075 61.713 5.97121 61.1243 5.70684 60.477C5.44247 59.8297 5.30846 59.1367 5.3125 58.4375V31.875H74.375V37.1875C74.375 37.892 74.6549 38.5676 75.153 39.0658C75.6511 39.5639 76.3268 39.8438 77.0312 39.8438C77.7357 39.8438 78.4114 39.5639 78.9095 39.0658C79.4076 38.5676 79.6875 37.892 79.6875 37.1875V15.9375C79.6875 13.1196 78.5681 10.4171 76.5755 8.42449C74.5829 6.43192 71.8804 5.3125 69.0625 5.3125H10.625C7.81162 5.32436 5.1178 6.45156 3.13437 8.44688ZM74.375 26.5625H5.3125V15.9375C5.30846 15.2383 5.44247 14.5453 5.70684 13.898C5.97121 13.2507 6.36075 12.662 6.85312 12.1656C7.34952 11.6733 7.93823 11.2837 8.5855 11.0193C9.23276 10.755 9.92584 10.621 10.625 10.625H69.0625C70.4715 10.625 71.8227 11.1847 72.819 12.181C73.8153 13.1773 74.375 14.5285 74.375 15.9375V26.5625ZM15.1406 20.4531C14.9021 20.7072 14.6141 20.9098 14.2943 21.0482C13.9745 21.1866 13.6297 21.2581 13.2812 21.2581C12.9328 21.2581 12.588 21.1866 12.2682 21.0482C11.9484 20.9098 11.6604 20.7072 11.4219 20.4531C11.1678 20.2146 10.9653 19.9266 10.8268 19.6068C10.6884 19.287 10.6169 18.9422 10.6169 18.5938C10.6169 18.2453 10.6884 17.9005 10.8268 17.5807C10.9653 17.2609 11.1678 16.9729 11.4219 16.7344C11.6604 16.4803 11.9484 16.2778 12.2682 16.1393C12.588 16.0009 12.9328 15.9294 13.2812 15.9294C13.6297 15.9294 13.9745 16.0009 14.2943 16.1393C14.6141 16.2778 14.9021 16.4803 15.1406 16.7344C15.3947 16.9729 15.5972 17.2609 15.7357 17.5807C15.8741 17.9005 15.9456 18.2453 15.9456 18.5938C15.9456 18.9422 15.8741 19.287 15.7357 19.6068C15.5972 19.9266 15.3947 20.2146 15.1406 20.4531ZM23.1094 20.4531C22.881 20.7576 22.5899 21.0094 22.2558 21.1916C21.9217 21.3737 21.5523 21.482 21.1727 21.5089C20.7931 21.5359 20.4121 21.481 20.0555 21.3479C19.699 21.2149 19.3752 21.0067 19.1061 20.7376C18.837 20.4685 18.6289 20.1447 18.4958 19.7882C18.3627 19.4317 18.3078 19.0507 18.3348 18.6711C18.3618 18.2915 18.47 17.9221 18.6522 17.5879C18.8343 17.2538 19.0862 16.9627 19.3906 16.7344C19.619 16.4299 19.9101 16.1781 20.2442 15.9959C20.5783 15.8138 20.9477 15.7055 21.3273 15.6786C21.7069 15.6516 22.0879 15.7065 22.4445 15.8396C22.801 15.9726 23.1248 16.1808 23.3939 16.4499C23.663 16.719 23.8711 17.0428 24.0042 17.3993C24.1373 17.7558 24.1922 18.1368 24.1652 18.5164C24.1382 18.896 24.03 19.2654 23.8478 19.5996C23.6657 19.9337 23.4138 20.2248 23.1094 20.4531ZM31.0781 20.4531C31.3826 20.2248 31.6344 19.9337 31.8166 19.5996C31.9987 19.2654 32.107 18.896 32.1339 18.5164C32.1609 18.1368 32.106 17.7558 31.9729 17.3993C31.8399 17.0428 31.6317 16.719 31.3626 16.4499C31.0935 16.1808 30.7697 15.9726 30.4132 15.8396C30.0567 15.7065 29.6757 15.6516 29.2961 15.6786C28.9165 15.7055 28.5471 15.8138 28.2129 15.9959C27.8788 16.1781 27.5877 16.4299 27.3594 16.7344C27.0549 16.9627 26.8031 17.2538 26.6209 17.5879C26.4388 17.9221 26.3305 18.2915 26.3036 18.6711C26.2766 19.0507 26.3315 19.4317 26.4646 19.7882C26.5976 20.1447 26.8058 20.4685 27.0749 20.7376C27.344 21.0067 27.6678 21.2149 28.0243 21.3479C28.3808 21.481 28.7618 21.5359 29.1414 21.5089C29.521 21.482 29.8904 21.3737 30.2246 21.1916C30.5587 21.0094 30.8498 20.7576 31.0781 20.4531ZM79.6875 74.375C82.7352 71.3745 84.6484 67.4102 85.1011 63.1573C85.5537 58.9045 84.5179 54.6262 82.17 51.0515C79.8221 47.4767 76.3074 44.8265 72.2247 43.5525C68.142 42.2784 63.7439 42.4593 59.7796 44.0643C55.8153 45.6692 52.5301 48.599 50.4837 52.3545C48.4372 56.11 47.7562 60.4589 48.5565 64.6602C49.3568 68.8615 51.589 72.6554 54.8728 75.3955C58.1566 78.1356 62.2889 79.6524 66.5656 79.6875C68.9954 79.7133 71.4062 79.257 73.6585 78.3452C75.9108 77.4333 77.96 76.0839 79.6875 74.375ZM57.375 50.6813C57.7032 50.5756 58.0562 50.5756 58.3844 50.6813L76.075 57.8C76.3912 57.9144 76.6678 58.1172 76.8719 58.3844C77.0617 58.677 77.1627 59.0184 77.1627 59.3672C77.1627 59.716 77.0617 60.0574 76.8719 60.35C76.711 60.6271 76.4703 60.8493 76.1813 60.9875L71.2937 63.4313L76.6062 68.7438C76.9405 69.0848 77.1307 69.5413 77.1375 70.0188C77.1226 70.4789 76.9326 70.9159 76.6062 71.2406C76.2847 71.5716 75.8457 71.7625 75.3844 71.7719C74.9069 71.7651 74.4504 71.5749 74.1094 71.2406L68.7969 65.9281L66.3531 70.8156C66.2149 71.1047 65.9927 71.3454 65.7156 71.5063C65.423 71.6961 65.0816 71.7971 64.7328 71.7971C64.384 71.7971 64.0427 71.6961 63.75 71.5063C63.4828 71.3022 63.28 71.0256 63.1656 70.7094L55.8875 53.125C55.7819 52.7968 55.7819 52.4438 55.8875 52.1156C55.9547 51.7743 56.122 51.4608 56.3679 51.2148C56.6139 50.9688 56.9275 50.8016 57.2687 50.7344L57.375 50.6813Z"/>
 <defs>
-<clipPath id="clip0_306_268">
-<rect width="85" height="85" fill="white"/>
-</clipPath>
 </defs>
 </svg>