change(ui): add pointer to time when there is no sessions listed

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

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { connect } from 'react-redux';
 import { FilterKey } from 'Types/filter/filterType';
 import SessionItem from 'Shared/SessionItem';
-import { NoContent, Loader, Pagination, Button } from 'UI';
+import { NoContent, Loader, Pagination, Button, Icon } from 'UI';
 import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
 import { fetchSessions, addFilterByKeyAndValue, updateCurrentPage, setScrollPosition } from 'Duck/search';
 import useTimeout from 'App/hooks/useTimeout';
@@ -78,7 +78,7 @@ function SessionList(props: Props) {
             clearTimeout(sessionTimeOut);
             return;
         }
-       
+
         sessionTimeOut = setTimeout(function() {
             if (!document.hidden) {
                 props.fetchSessions(null, true);
@@ -108,7 +108,12 @@ function SessionList(props: Props) {
                     <div className="flex items-center justify-center flex-col">
                         <AnimatedSVG name={NO_CONTENT.icon} size={170} />
                         <div className="mt-2" />
-                        <div className="text-center text-gray-600">{NO_CONTENT.message}</div>
+                        <div className="text-center text-gray-600 relative">
+                            {NO_CONTENT.message}
+                            <div style={{ position: 'absolute', right: -140, top: -115 }}>
+                                <Icon name="list-arrow" size={130} />
+                            </div>
+                        </div>
                     </div>
                 }
                 subtext={

frontend/app/svg/icons/list-arrow.svg

@@ -0,0 +1,3 @@
+<svg preserveAspectRatio="none" viewBox="0 0 338 247" xmlns="http://www.w3.org/2000/svg">
+<path d="M260.695 120.004L259.405 119.24L259.405 119.24L260.695 120.004ZM337.938 0.0078125L322.574 8.00488L337.182 17.3118L337.938 0.0078125ZM147.764 210.533L146.708 211.599L147.764 210.533ZM1.1362 246.494C16.5808 245.086 34.261 245.487 52.2398 245.589C70.1658 245.69 88.3625 245.492 104.64 242.842C120.91 240.193 135.451 235.068 145.927 225.17C156.452 215.224 162.686 200.643 162.686 179.504H159.686C159.686 200.01 153.665 213.731 143.867 222.989C134.019 232.294 120.166 237.275 104.158 239.881C88.1578 242.485 70.1922 242.69 52.2568 242.589C34.3742 242.488 16.4939 242.081 0.863802 243.506L1.1362 246.494ZM146.708 211.599C153.027 217.859 160.884 219.773 169.653 217.974C178.333 216.193 187.9 210.784 197.935 202.47C218.02 185.829 240.436 157.164 261.986 120.768L259.405 119.24C237.932 155.504 215.724 183.835 196.021 200.16C186.161 208.329 177.042 213.395 169.049 215.035C161.145 216.657 154.343 214.94 148.82 209.468L146.708 211.599ZM261.986 120.768C316.752 28.2758 314.948 38.0283 331.937 12.2184L329.431 10.569C312.611 36.1221 314.199 26.6994 259.405 119.24L261.986 120.768ZM162.686 179.504C162.686 178.453 162.584 177.529 162.351 176.755C162.12 175.986 161.724 175.255 161.058 174.756C159.605 173.668 157.899 174.312 156.745 175.04C154.304 176.582 151.447 180.198 149.056 184.411C146.633 188.682 144.532 193.839 143.752 198.69C142.981 203.483 143.447 208.368 146.708 211.599L148.82 209.468C146.595 207.264 145.997 203.623 146.714 199.166C147.422 194.766 149.362 189.95 151.665 185.892C154.001 181.776 156.557 178.707 158.347 177.577C159.309 176.969 159.423 177.28 159.261 177.158C159.241 177.143 159.358 177.22 159.478 177.62C159.598 178.016 159.686 178.623 159.686 179.504H162.686Z" fill="black"/>
+</svg>