Merge pull request #45 from AgoraIO-Community/feature/2.9.40-special.1

Feature/2.9.40 special.1

postcss.config.js

@@ -11,8 +11,8 @@ module.exports = {
       unitPrecision: 5,
       viewportUnit: 'vw',
       fontViewportUnit: 'vw',
-      include: [/\/classroom\//],
-      exclude: [/\/node_modules\//i],
+      include: [/gallery/],
+      exclude: [/\/node_modules\//i, /scene/, /proctor/,/hx-chat/],
       landscape: true, // 是否处理横屏情况
       landscapeUnit: 'vw', // (String) 横屏时使用的单位
       landscapeWidth: 812, // (Number) 横屏时使用的视口宽度

src/common/im/wrapper/agora-chat-room-manager.ts

@@ -211,6 +211,7 @@ export class FcrChatRoomManager {
     });
     return this._currentUserInfo;
   }
+  private _timer:NodeJS.Timeout|null = null;//定时器请求数据
 
   @Log.silence
   private _addEventListener() {
@@ -313,6 +314,15 @@ export class FcrChatRoomManager {
           await chatRoom.managerOptionsJoin();
           //刷新当前用户列表
           await this.refreshRoomUserList(this._defaultChatRoomeId)
+          //清除定时器
+          if (this._timer) {
+            clearInterval(this._timer)
+            this._timer = null;
+          }
+          this._timer = setInterval(() => {
+            //每10s刷新一次列表
+            this.refreshRoomUserList(this._defaultChatRoomeId)
+          }, 10000)
           if (chatRoom.isJoin) {
             this.emitEventsInfo(AgoraIMEvents.UserListUpdated, null);
           }
@@ -358,6 +368,11 @@ export class FcrChatRoomManager {
     })
   }
   destory() {
+      //清除定时器
+      if(this._timer){
+        clearInterval(this._timer)
+        this._timer = null;
+      }
     this._chatRoomItemMap.forEach((value) => {
       value.managerOptionsLeave(true);
     });
@@ -381,6 +396,7 @@ export class FcrChatRoomManager {
           return item.member ? item.member : '';
         }));
       this._roomeUserMap.set(roomId,list);
+      this.emitEventsInfo(AgoraIMEvents.UserListUpdated, null, this._defaultChatRoomeId);
   }
   /**
    * 监听到用户进入房间

src/common/whiteboard-wrapper/board-window.ts

@@ -76,6 +76,7 @@ export class FcrBoardMainWindow implements FcrBoardMainWindowEventEmitter {
         autoFPS,
         maxResolutionLevel,
         forceCanvas,
+        invisibleBehavior: 'pause',
       },
     });
 

src/components/svg-img/paths/arrow-left.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.21986 11.4694L9.96986 4.71945C10.1106 4.57871 10.3015 4.49965 10.5005 4.49965C10.6995 4.49965 10.8904 4.57871 11.0311 4.71945C11.1718 4.86018 11.2509 5.05105 11.2509 5.25007C11.2509 5.44909 11.1718 5.63997 11.0311 5.7807L5.5608 11.2501L20.2505 11.2501C20.4494 11.2501 20.6402 11.3291 20.7808 11.4697C20.9215 11.6104 21.0005 11.8012 21.0005 12.0001C21.0005 12.199 20.9215 12.3897 20.7808 12.5304C20.6402 12.6711 20.4494 12.7501 20.2505 12.7501L5.5608 12.7501L11.0311 18.2194C11.1718 18.3602 11.2509 18.551 11.2509 18.7501C11.2509 18.9491 11.1718 19.14 11.0311 19.2807C10.8904 19.4214 10.6995 19.5005 10.5005 19.5005C10.3015 19.5005 10.1106 19.4214 9.96986 19.2807L3.21986 12.5307C3.15013 12.461 3.09481 12.3783 3.05707 12.2873C3.01933 12.1962 2.9999 12.0986 2.9999 12.0001C2.9999 11.9015 3.01933 11.8039 3.05707 11.7129C3.09481 11.6218 3.15013 11.5391 3.21986 11.4694Z" fill="#FEFEFE" />
+  </svg>
+);
+export const viewBox = '0 0 24 24';

src/components/svg-img/paths/chat-close-new.tsx

@@ -0,0 +1,11 @@
+
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect x="3.83008" y="11.4692" width="10.8036" height="0.993344" rx="0.496672" transform="rotate(-45 3.83008 11.4692)" fill="#151515" />
+        <rect x="4.53271" y="3.83008" width="10.8036" height="0.993344" rx="0.496672" transform="rotate(45 4.53271 3.83008)" fill="#151515" />
+    </svg>
+);
+
+export const viewBox = '0 0 16 16';

src/components/svg-img/paths/chat-image-pick.tsx

@@ -0,0 +1,10 @@
+
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+    <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.58336 20.3535C10.9346 19.4806 12.5445 18.9739 14.2728 18.9739C14.9203 18.9739 15.5511 19.045 16.1579 19.1798C17.781 16.1935 20.9455 14.1664 24.5835 14.1664C26.7581 14.1664 28.7635 14.8907 30.3717 16.1112C30.3634 15.9267 30.3537 15.7508 30.3422 15.5822C30.2702 14.5261 30.1354 13.9111 29.9409 13.4416C29.3066 11.9101 28.0899 10.6934 26.5584 10.0591C26.0889 9.86459 25.4739 9.72985 24.4178 9.65779C23.343 9.58446 21.9699 9.58333 20 9.58333C18.0301 9.58333 16.657 9.58446 15.5822 9.65779C14.5261 9.72985 13.9111 9.86459 13.4416 10.0591C11.9101 10.6934 10.6934 11.9101 10.0591 13.4416C9.86459 13.9111 9.72985 14.5261 9.65779 15.5822C9.58446 16.657 9.58333 18.0301 9.58333 20C9.58333 20.12 9.58334 20.2378 9.58336 20.3535ZM12.7491 31.9078C12.714 31.8941 12.679 31.88 12.6443 31.8657C10.6024 31.0199 8.98012 29.3976 8.13434 27.3557C7.5 25.8243 7.5 23.8828 7.5 20C7.5 16.1172 7.5 14.1757 8.13434 12.6443C8.98012 10.6024 10.6024 8.98012 12.6443 8.13434C14.1757 7.5 16.1172 7.5 20 7.5C23.8828 7.5 25.8243 7.5 27.3557 8.13434C29.3976 8.98012 31.0199 10.6024 31.8657 12.6443C32.4026 13.9407 32.4851 15.5309 32.4977 18.3439C32.4977 18.3439 32.4978 18.344 32.4978 18.344C32.5001 18.854 32.5001 19.4041 32.5001 20C32.5001 23.8829 32.5001 25.8243 31.8658 27.3557C31.02 29.3976 29.3977 31.0199 27.3558 31.8657C25.8244 32.5 23.8829 32.5 20.0001 32.5C17.0879 32.5 15.2678 32.5 13.8937 32.2324C13.4772 32.1513 13.1017 32.0456 12.7491 31.9078ZM24.5835 16.4164C26.8639 16.4164 28.902 17.4556 30.2498 19.0939C30.2501 19.3824 30.2501 19.6839 30.2501 20C30.2501 21.9722 30.2489 23.3387 30.176 24.4065C30.1046 25.4541 29.9717 26.0488 29.787 26.4947C29.1696 27.9853 27.9853 29.1695 26.4948 29.787C26.0489 29.9716 25.4542 30.1045 24.4066 30.176C23.3388 30.2488 21.9723 30.25 20.0001 30.25C18.0279 30.25 16.6614 30.2488 15.5936 30.176C14.546 30.1045 13.9513 29.9716 13.5054 29.787C12.0149 29.1695 10.8306 27.9853 10.2132 26.4947C9.94303 25.8425 9.81306 24.9699 9.76953 23.0747C10.9284 21.928 12.5179 21.2239 14.2728 21.2239C14.7551 21.2239 15.2223 21.2768 15.6699 21.3763L17.3251 21.744L18.1347 20.2543C19.3799 17.9634 21.8027 16.4164 24.5835 16.4164Z" fill="#151515" />
+    </svg>
+);
+
+export const viewBox = '0 0 40 40';

src/components/svg-img/paths/chat-new.tsx

@@ -0,0 +1,10 @@
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) =>
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M4.5 4H20.5V16H5.67L4.5 17.17V4ZM4.5 2C3.4 2 2.51 2.9 2.51 4L2.5 22L6.5 18H20.5C21.6 18 22.5 17.1 22.5 16V4C22.5 2.9 21.6 2 20.5 2H4.5ZM6.5 12H14.5V14H6.5V12ZM6.5 9H18.5V11H6.5V9ZM6.5 6H18.5V8H6.5V6Z" fill="#FEFEFE" />
+    </svg>
+
+
+
+export const viewBox = '0 0 24 24';

src/components/svg-img/paths/chat-search-new.tsx

@@ -0,0 +1,18 @@
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0_4115_9157)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8936 9.00002C14.8936 5.75067 12.2501 3.10715 9.00075 3.10715C5.75138 3.10715 3.10788 5.75067 3.10788 9.00002C3.10788 12.2493 5.7514 14.8929 9.00075 14.8929C12.2501 14.8929 14.8936 12.2493 14.8936 9.00002ZM1.50073 9.00002C1.50073 4.8579 4.85863 1.5 9.00075 1.5C13.1428 1.5 16.5007 4.8579 16.5007 9.00002C16.5007 10.5295 16.0429 11.9521 15.2567 13.1382L17.2468 15.1283C17.5607 15.4419 17.5607 15.951 17.2468 16.2646C17.0899 16.4215 16.8843 16.5 16.6787 16.5C16.4731 16.5 16.2675 16.4215 16.1105 16.2646L14.2261 14.3801C12.8754 15.6921 11.0324 16.5 9.00075 16.5C4.85863 16.5 1.50073 13.1421 1.50073 9.00002Z" fill="#151515" />
+        </g>
+        <defs>
+            <clipPath id="clip0_4115_9157">
+                <rect width="17.8957" height="18" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);
+
+export const viewBox = '0 0 18 18';
+

src/components/svg-img/paths/chat-search.tsx

@@ -1,7 +1,7 @@
 import { PathOptions } from '../svg-dict';
 
 export const path = (props: PathOptions) => (
-    <path fillRule="evenodd" clipRule="evenodd" d="M13.2383 8.00018C13.2383 5.11187 10.8885 2.76207 8.00018 2.76207C5.11185 2.76207 2.76207 5.11187 2.76207 8.00018C2.76207 10.8885 5.11187 13.2383 8.00018 13.2383C10.8885 13.2383 13.2383 10.8885 13.2383 8.00018ZM1.3335 8.00018C1.3335 4.3183 4.3183 1.3335 8.00018 1.3335C11.682 1.3335 14.6668 4.3183 14.6668 8.00018C14.6668 9.35975 14.2598 10.6243 13.561 11.6786L15.33 13.4475C15.609 13.7263 15.609 14.1788 15.33 14.4576C15.1905 14.5971 15.0078 14.6668 14.825 14.6668C14.6422 14.6668 14.4595 14.5971 14.32 14.4576L12.6449 12.7825C11.4443 13.9487 9.80611 14.6668 8.00018 14.6668C4.3183 14.6668 1.3335 11.682 1.3335 8.00018Z" fill="white"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M13.2383 8.00018C13.2383 5.11187 10.8885 2.76207 8.00018 2.76207C5.11185 2.76207 2.76207 5.11187 2.76207 8.00018C2.76207 10.8885 5.11187 13.2383 8.00018 13.2383C10.8885 13.2383 13.2383 10.8885 13.2383 8.00018ZM1.3335 8.00018C1.3335 4.3183 4.3183 1.3335 8.00018 1.3335C11.682 1.3335 14.6668 4.3183 14.6668 8.00018C14.6668 9.35975 14.2598 10.6243 13.561 11.6786L15.33 13.4475C15.609 13.7263 15.609 14.1788 15.33 14.4576C15.1905 14.5971 15.0078 14.6668 14.825 14.6668C14.6422 14.6668 14.4595 14.5971 14.32 14.4576L12.6449 12.7825C11.4443 13.9487 9.80611 14.6668 8.00018 14.6668C4.3183 14.6668 1.3335 11.682 1.3335 8.00018Z" fill={props.iconPrimary ? props.iconPrimary : 'white'}/>
 
 );
 

src/components/svg-img/paths/chat-select.tsx

@@ -3,7 +3,7 @@ import { PathOptions } from '../svg-dict';
 
 export const path = (props: PathOptions) => (
    <>
-        <circle cx="10" cy="10" r="9.5" fill="#4262FF" stroke="#6A6A6C"/>
+        <circle cx="10" cy="10" r="9.5" fill="#9E007E" stroke="#9E007E"/>
         <path fillRule="evenodd" clipRule="evenodd" d="M14.0876 6.86662C14.3928 7.15381 14.417 7.64474 14.1418 7.96314L9.81724 12.9662C9.39396 13.4558 8.65763 13.4558 8.23436 12.9662L6.19155 10.6029C5.91632 10.2845 5.94057 9.79352 6.24571 9.50634C6.55085 9.21915 7.02133 9.24445 7.29656 9.56286L9.0258 11.5634L13.0368 6.92314C13.312 6.60474 13.7825 6.57943 14.0876 6.86662Z" fill="white"/>
    </>
 

src/components/svg-img/paths/chat-send-pardon.tsx

@@ -0,0 +1,13 @@
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.3">
+      <rect x="7.5" y="7.5" width="25" height="25" rx="8.33333" fill="#9E007E" />
+      <path d="M26.0964 14.4458C25.7963 14.1719 25.3757 14.0928 24.9983 14.2381L14.03 18.4769C13.622 18.6349 13.3542 19.0099 13.3344 19.4566C13.3147 19.9033 13.5447 20.3021 13.9383 20.4988L15.651 21.3554C15.6852 21.372 15.7157 21.3959 15.7427 21.4216C15.9206 21.8903 16.6233 23.7266 16.936 24.3902C17.0942 24.7284 17.3853 24.9656 17.6549 25.0685C17.637 25.0667 17.6172 25.063 17.5956 25.0593C17.6477 25.0795 17.7017 25.0961 17.7574 25.1071C18.1132 25.1806 18.478 25.0685 18.7332 24.8056L19.3713 24.1531C19.4845 24.0373 19.6624 24.0116 19.8026 24.0924L22.5505 25.688C22.7159 25.7835 22.8992 25.8332 23.0825 25.8332C23.2263 25.8332 23.3718 25.8038 23.5084 25.7431C23.8211 25.6052 24.0476 25.3332 24.1303 24.995L26.4253 15.5321C26.5242 15.1351 26.3966 14.7178 26.0964 14.4458V14.4458ZM16.4256 21.1955L22.3061 17.7545L18.9867 21.2323C18.9327 21.2892 18.8932 21.3536 18.8662 21.4289C18.8644 21.4326 18.8644 21.4345 18.8626 21.4381C18.8555 21.4602 18.1995 23.4399 17.8113 24.3351C17.7322 24.2818 17.637 24.1954 17.5812 24.0759C17.2937 23.4583 16.6233 21.7102 16.4256 21.1955V21.1955Z" fill="#FEFEFE" />
+    </g>
+  </svg>
+
+);
+
+export const viewBox = '0 0 40 40';

src/components/svg-img/paths/chat-send.tsx

@@ -0,0 +1,10 @@
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="7.5" y="7.5" width="25" height="25" rx="8.33333" fill="#9E007E" />
+    <path d="M26.0964 14.4458C25.7963 14.1719 25.3757 14.0928 24.9983 14.2381L14.03 18.4769C13.622 18.6349 13.3542 19.0099 13.3344 19.4566C13.3147 19.9033 13.5447 20.3021 13.9383 20.4988L15.651 21.3554C15.6852 21.372 15.7157 21.3959 15.7427 21.4216C15.9206 21.8903 16.6233 23.7266 16.936 24.3902C17.0942 24.7284 17.3853 24.9656 17.6549 25.0685C17.637 25.0667 17.6172 25.063 17.5956 25.0593C17.6477 25.0795 17.7017 25.0961 17.7574 25.1071C18.1132 25.1806 18.478 25.0685 18.7332 24.8056L19.3713 24.1531C19.4845 24.0373 19.6624 24.0116 19.8026 24.0924L22.5505 25.688C22.7159 25.7835 22.8992 25.8332 23.0825 25.8332C23.2263 25.8332 23.3718 25.8038 23.5084 25.7431C23.8211 25.6052 24.0476 25.3332 24.1303 24.995L26.4253 15.5321C26.5242 15.1351 26.3966 14.7178 26.0964 14.4458V14.4458ZM16.4256 21.1955L22.3061 17.7545L18.9867 21.2323C18.9327 21.2892 18.8932 21.3536 18.8662 21.4289C18.8644 21.4326 18.8644 21.4345 18.8626 21.4381C18.8555 21.4602 18.1995 23.4399 17.8113 24.3351C17.7322 24.2818 17.637 24.1954 17.5812 24.0759C17.2937 23.4583 16.6233 21.7102 16.4256 21.1955V21.1955Z" fill="#FEFEFE" />
+  </svg>
+);
+
+export const viewBox = '0 0 40 40';

src/components/svg-img/paths/full-screen-close.tsx

@@ -0,0 +1,11 @@
+
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.3271 9.00618C1.32403 8.56998 1.6751 8.22306 2.11123 8.2313L7.36804 8.33067L7.40502 13.5883C7.40809 14.0245 7.05702 14.3714 6.62089 14.3632C6.18476 14.3549 5.82872 13.9946 5.82565 13.5584L5.79978 9.88043L2.12234 9.81092C1.68621 9.80267 1.33017 9.44238 1.3271 9.00618Z" fill="#151515" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.6729 6.6525C14.6785 7.08867 14.3295 7.43767 13.8934 7.43202L8.63604 7.36384L8.56787 2.10653C8.56221 1.67036 8.91122 1.32136 9.34739 1.32701C9.78356 1.33267 10.1417 1.69084 10.1474 2.12701L10.1951 5.80481L13.8729 5.8525C14.309 5.85815 14.6672 6.21632 14.6729 6.6525Z" fill="#151515" />
+    </svg>
+);
+
+export const viewBox = '0 0 16 16';

src/components/svg-img/paths/full-screen.tsx

@@ -0,0 +1,18 @@
+
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0_4236_9577)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.23725 3.91829C7.23419 3.48209 7.58525 3.13517 8.02138 3.14341L13.2782 3.24278L13.3152 8.5004C13.3182 8.9366 12.9672 9.28352 12.531 9.27528C12.0949 9.26704 11.7389 8.90675 11.7358 8.47055L11.7099 4.79254L8.03249 4.72302C7.59636 4.71478 7.24032 4.35449 7.23725 3.91829Z" fill="#151515" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.86428 12.6525C8.86993 13.0887 8.52093 13.4377 8.08476 13.432L2.82745 13.3638L2.75927 8.10653C2.75362 7.67036 3.10262 7.32136 3.53879 7.32701C3.97497 7.33267 4.33314 7.69084 4.33879 8.12701L4.38648 11.8048L8.06428 11.8525C8.50045 11.8582 8.85862 12.2163 8.86428 12.6525Z" fill="#151515" />
+        </g>
+        <defs>
+            <clipPath id="clip0_4236_9577">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);
+
+export const viewBox = '0 0 16 16';

src/components/svg-img/paths/group-chat.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.35426 12.585L15.4425 6.60948C15.9306 6.24891 16.5988 6.25666 17.0784 6.62846L24.8918 12.6859C25.223 12.9427 25.4167 13.3381 25.4167 13.7571V14.7686C25.4167 15.1369 24.9996 15.3505 24.7008 15.1351L19.4804 11.3732C18.9841 11.0156 18.3098 11.0347 17.8346 11.4198L13.8329 14.6628C13.5154 14.9202 13.3309 15.3071 13.3309 15.7158V25.0963C13.3309 25.5953 12.9263 25.9999 12.4273 25.9999H9.37759C7.88043 25.9999 6.66675 24.7862 6.66675 23.2891V13.9477C6.66675 13.4101 6.92188 12.9044 7.35426 12.585ZM22.666 17.6647C22.666 19.3206 21.3233 20.6628 19.6667 20.6628C18.0102 20.6628 16.6675 19.3206 16.6675 17.6647C16.6675 16.0088 18.0102 14.6666 19.6667 14.6666C21.3233 14.6666 22.666 16.0088 22.666 17.6647ZM14.6667 24.0303C14.6667 22.9436 16.9054 22.0619 19.6667 22.0619C22.4281 22.0619 24.6667 22.9449 24.6667 24.0315C24.6667 25.1182 22.4281 25.9999 19.6667 25.9999C16.9054 25.9999 14.6667 25.1169 14.6667 24.0303Z" fill="#FEFEFE" />
+  </svg>
+);
+export const viewBox = '0 0 32 32';

src/components/svg-img/paths/group.tsx

@@ -0,0 +1,10 @@
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) =>
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M9.5 13.75C7.16 13.75 2.5 14.92 2.5 17.25V19H16.5V17.25C16.5 14.92 11.84 13.75 9.5 13.75ZM4.84 17C5.68 16.42 7.71 15.75 9.5 15.75C11.29 15.75 13.32 16.42 14.16 17H4.84ZM9.5 12C11.43 12 13 10.43 13 8.5C13 6.57 11.43 5 9.5 5C7.57 5 6 6.57 6 8.5C6 10.43 7.57 12 9.5 12ZM9.5 7C10.33 7 11 7.67 11 8.5C11 9.33 10.33 10 9.5 10C8.67 10 8 9.33 8 8.5C8 7.67 8.67 7 9.5 7ZM16.54 13.81C17.7 14.65 18.5 15.77 18.5 17.25V19H22.5V17.25C22.5 15.23 19 14.08 16.54 13.81ZM15.5 12C17.43 12 19 10.43 19 8.5C19 6.57 17.43 5 15.5 5C14.96 5 14.46 5.13 14 5.35C14.63 6.24 15 7.33 15 8.5C15 9.67 14.63 10.76 14 11.65C14.46 11.87 14.96 12 15.5 12Z" fill="#FEFEFE" />
+    </svg>
+
+
+
+export const viewBox = '0 0 24 24';

src/components/svg-img/paths/hands-up-new.tsx

@@ -0,0 +1,10 @@
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) =>
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M19.8333 8C19.1433 8 18.5833 8.56 18.5833 9.25V15H18.0833C16.4333 15 15.0833 16.35 15.0833 18H14.0833C14.0833 15.96 15.6133 14.28 17.5833 14.03V3.25C17.5833 2.56 17.0233 2 16.3333 2C15.6433 2 15.0833 2.56 15.0833 3.25V11H14.0833V1.25C14.0833 0.56 13.5233 0 12.8333 0C12.1433 0 11.5833 0.56 11.5833 1.25V11H10.5833V2.75C10.5833 2.06 10.0233 1.5 9.33325 1.5C8.64325 1.5 8.08325 2.06 8.08325 2.75V12H7.08325V5.75C7.08325 5.06 6.52325 4.5 5.83325 4.5C5.14325 4.5 4.58325 5.06 4.58325 5.75V15.75C4.58325 20.31 8.27325 24 12.8333 24C17.3933 24 21.0833 20.31 21.0833 15.75V9.25C21.0833 8.56 20.5233 8 19.8333 8Z" fill="#FFBB1C" />
+    </svg>
+
+
+
+export const viewBox = '0 0 24 24';

src/components/svg-img/paths/hands.tsx

@@ -0,0 +1,9 @@
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) =>
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M18.5 8C18.33 8 18.16 8.02 18 8.05V4.5C18 3.12 16.88 2 15.5 2C15.31 2 15.13 2.02 14.96 2.06C14.75 0.89 13.73 0 12.5 0C11.44 0 10.54 0.66 10.17 1.59C9.96 1.53 9.73 1.5 9.5 1.5C8.12 1.5 7 2.62 7 4V4.55C6.84 4.52 6.67 4.5 6.5 4.5C5.12 4.5 4 5.62 4 7V15.5C4 20.19 7.81 24 12.5 24C17.19 24 21 20.19 21 15.5V10.5C21 9.12 19.88 8 18.5 8ZM19 15.5C19 19.09 16.09 22 12.5 22C8.91 22 6 19.09 6 15.5V7C6 6.72 6.22 6.5 6.5 6.5C6.78 6.5 7 6.72 7 7V12H9V4C9 3.72 9.22 3.5 9.5 3.5C9.78 3.5 10 3.72 10 4V11H12V2.5C12 2.22 12.22 2 12.5 2C12.78 2 13 2.22 13 2.5V11H15V4.5C15 4.22 15.22 4 15.5 4C15.78 4 16 4.22 16 4.5V13.42C14.23 14.19 13 15.95 13 18H15C15 16.34 16.34 15 18 15V10.5C18 10.22 18.22 10 18.5 10C18.78 10 19 10.22 19 10.5V15.5Z" fill="#FEFEFE" />
+    </svg>
+
+
+export const viewBox = '0 0 24 24';

src/components/svg-img/paths/icon_role_type_teacher.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PathOptions } from '../svg-dict';
+
+export const path = (props: PathOptions) => (
+  <path d="M9 2.25L0.75 6.75L3.75 8.385V12.885L9 15.75L14.25 12.885V8.385L15.75 7.5675V12.75H17.25V6.75L9 2.25ZM14.115 6.75L9 9.54L3.885 6.75L9 3.96L14.115 6.75ZM12.75 11.9925L9 14.04L5.25 11.9925V9.2025L9 11.25L12.75 9.2025V11.9925Z" fill={props.iconPrimary ? props.iconPrimary : 'white'}/>
+);
+
+export const viewBox = '0 0 18 18';