Fix cursor-pointer, move tooltip to above the cursor

Author: apata

assets/js/dashboard/stats/graph/main-graph.tsx

@@ -331,7 +331,10 @@ export const MainGraph = ({
         ref={svgRef}
         viewBox={`0 0 ${width} ${height}`}
         className={classNames('w-full h-auto', {
-          ['cursor-pointer']: showZoomToPeriod
+          ['cursor-pointer']:
+            showZoomToPeriod &&
+            selectedIndex !== null &&
+            remappedData[selectedIndex]
         })}
       />
       {selectedIndex !== null && remappedData[selectedIndex] && (
@@ -381,7 +384,8 @@ const GraphTooltip = ({
         top: y
       }}
       className={classNames(
-        'absolute z-200 bg-gray-800 py-3 px-4 rounded-md z-[100] min-w-[180px] pointer-events-none shadow shadow-gray-200 dark:shadow-gray-850',
+        'absolute bg-gray-800 py-3 px-4 rounded-md z-[100] min-w-[180px] pointer-events-none shadow shadow-gray-200 dark:shadow-gray-850',
+        '-translate-y-full',
         {
           'translate-x-2': !isLeftOfCursor,
           '-translate-x-full': isLeftOfCursor