fix(ui): fixed descriptions

frontend/app/components/Assist/RecordingsList/RecordingsList.tsx

@@ -1,6 +1,6 @@
 import { observer } from 'mobx-react-lite';
 import React from 'react';
-import { NoContent, Pagination, Icon } from 'UI';
+import { NoContent, Pagination, Icon, Button } from 'UI';
 import { useStore } from 'App/mstore';
 import { filterList } from 'App/utils';
 import { sliceListPerPage } from 'App/utils';
@@ -30,13 +30,19 @@ function RecordingsList() {
       title={
         <div className="flex flex-col items-center justify-center">
           <AnimatedSVG name={ICONS.NO_RECORDINGS} size={180} />
-          <div className="text-center text-gray-600 my-4">
-            {recordsSearch !== ''
-              ? 'No matching results'
-              : "No recordings available yet."}
+          <div className="text-center text-gray-600 mt-4">
+            {recordsSearch !== '' ? 'No matching results' : 'No recordings available yet.'}
           </div>
         </div>
       }
+      subtext={
+        <div className="text-center flex justify-center items-center flex-col">
+          <span>
+            Record your co-browsing sessions and share them with your team for product feedback or
+            training purposes.
+          </span>
+        </div>
+      }
     >
       <div className="mt-3 border-b">
         <div className="grid grid-cols-12 py-2 font-medium px-6">

frontend/app/components/Client/Users/components/UserList/UserList.tsx

@@ -7,6 +7,7 @@ import { Pagination, NoContent, Loader } from 'UI';
 import { useModal } from 'App/components/Modal';
 import UserForm from '../UserForm';
 import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
+import { filterList } from 'App/utils';
 
 interface Props {
     isOnboarding?: boolean;
@@ -20,15 +21,17 @@ function UserList(props: Props) {
     const searchQuery = useObserver(() => userStore.searchQuery);
     const { showModal } = useModal();
 
-    const filterList = (list) => {
-        const filterRE = getRE(searchQuery, 'i');
-        let _list = list.filter((w) => {
-            return filterRE.test(w.email) || filterRE.test(w.roleName);
-        });
-        return _list;
-    };
+    // const filterList = (list) => {
+    //     const filterRE = getRE(searchQuery, 'i');
+    //     let _list = list.filter((w) => {
+    //         return filterRE.test(w.email) || filterRE.test(w.roleName);
+    //     });
+    //     return _list;
+    // };
+    console.log(users)
+    const getList = (list) => filterList(list, searchQuery, ['email', 'roleName', 'name'])
 
-    const list: any = searchQuery !== '' ? filterList(users) : users;
+    const list: any = searchQuery !== '' ? getList(users) : users;
     const length = list.length;
 
     useEffect(() => {

frontend/app/components/Dashboard/components/DashboardList/Header.tsx

@@ -36,7 +36,7 @@ function Header({ history, siteId }: { history: any; siteId: string }) {
       </div>
       <div className="text-base text-disabled-text flex items-center px-6">
         <Icon name="info-circle-fill" className="mr-2" size={16} />
-        A Dashboard is a collection of Metrics that can be shared across teams.
+        A Dashboard is a collection of Cards that can be shared across teams.
       </div>
       <div className="border-y px-3 py-1 mt-2 flex items-center w-full justify-end gap-4">
         <Toggler

frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx

@@ -126,8 +126,8 @@ function LiveSessionList(props: Props) {
             subtext={
               <div className="text-center flex justify-center items-center flex-col">
                 <span>
-                  Assist allows you to support your users through live screen viewing and
-                  audio/video calls.{' '}
+                  Assist is the best way to support you users while they're browsing your site,
+                  {' '}through live replay, co-browsing and video conferencing capabilities. Learn More.{' '}
                   <a
                     target="_blank"
                     className="link"

frontend/app/components/shared/SessionListContainer/components/Notes/NoteList.tsx

@@ -23,7 +23,12 @@ function NotesList({ members }: { members: Array<Record<string, any>> }) {
           <div className="flex flex-col items-center justify-center">
             {/* <Icon name="no-dashboard" size={80} color="figmaColors-accent-secondary" /> */}
             <AnimatedSVG name={ICONS.NO_NOTES} size={180} />
-            <div className="text-center text-gray-600 my-4">No notes yet</div>
+            <div className="text-center text-gray-600 mt-4">No notes yet.</div>
+          </div>
+        }
+        subtext={
+          <div className="text-center flex justify-center items-center flex-col">
+            Create notes when replaying sessions and share your insights with the team.
           </div>
         }
       >

frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx

@@ -154,7 +154,7 @@ function SessionList(props: Props) {
             {(isVault || isBookmark) && (
               <div>
                 {isVault
-                  ? 'Add a session to your vault from player screen to retain it for ever.'
+                  ? 'Add any session to your vault from the replay page and retain it longer.'
                   : 'Bookmark important sessions in player screen and quickly find them here.'}
               </div>
             )}