TP-48565 | styling comment resolve

src/Pages/JiraDashboard/Dashboard.module.scss

@@ -44,6 +44,7 @@
   &:hover {
     .hyperlink {
       color: var(--navi-color-blue-base);
+      cursor: pointer;
     }
 
     .go-to-link-icon {

src/Pages/JiraDashboard/partials/HyperlinkCellRenderer.tsx

@@ -19,11 +19,7 @@ const HyperlinkCellRenderer: FC<HyperlinkCellRendererProps> = ({
 
   return (
     <div className={styles['houston-id-wrapper']}>
-      <div
-        onClick={handleClick}
-        className={styles['hyperlink']}
-        style={{ cursor: 'pointer' }}
-      >
+      <div onClick={handleClick} className={styles['hyperlink']}>
         {value}
       </div>
       <div className={styles['go-to-link-icon']}>

src/Pages/JiraDashboard/partials/SmartSearch.tsx

@@ -36,8 +36,6 @@ const SmartSearch: FC<SmartSearchProps> = ({
     updateURLAndFetchData(updatedQuery);
   };
 
-  const placeHolder = 'Search by Houston I.D.';
-
   const onKeyPressClickHandler = (event: React.KeyboardEvent): void => {
     if (event.key === 'Enter') {
       if (searchValue === '') {
@@ -57,7 +55,7 @@ const SmartSearch: FC<SmartSearchProps> = ({
         fullWidth
         value={searchValue}
         onChange={handleSearchInput}
-        placeholder={placeHolder}
+        placeholder="Search by Houston I.D."
         containerClassName={cx(styles['input-container'])}
         onKeyPress={onKeyPressClickHandler}
       />

src/Pages/JiraDashboard/partials/TeamAssignedCellRenderer.tsx

@@ -28,7 +28,7 @@ const TeamAssignedCellRenderer: FC<TeamAssignedCellRendererProps> = ({
             {firstTeam} &
             <div className={styles['team-tooltip']}>
               <Tooltip text={tooltipText} position="left" withPointer={false}>
-                <Typography variant="p3" color="#0276FE">
+                <Typography variant="p3" color={styles.goToLinkColor}>
                   &nbsp;{remainingTeams.length} more
                 </Typography>
               </Tooltip>

src/Pages/JiraDashboard/partials/ticketNameCell.tsx

@@ -1,4 +1,6 @@
 import React, { FC } from 'react';
+import { AlertOutlineIcon } from '@navi/web-ui/lib/icons';
+import { Tooltip } from '@navi/web-ui/lib/primitives';
 import GoToLinkIcon from '@src/assets/GoToLinkIcon';
 import StoryIcon from '@src/assets/JiraIcons/StoryIcon';
 import SubTaskIcon from '@src/assets/JiraIcons/SubTaskIcon';
@@ -6,8 +8,6 @@ import TaskIcon from '@src/assets/JiraIcons/TaskIcon';
 import EpicIcon from '@src/assets/JiraIcons/EpicIcon';
 import BugIcon from '@src/assets/JiraIcons/BugIcon';
 import TechTaskIcon from '@src/assets/JiraIcons/TechTaskIcon';
-import { AlertOutlineIcon } from '@navi/web-ui/lib/icons';
-import { Tooltip } from '@navi/web-ui/lib/primitives';
 import styles from '../Dashboard.module.scss';
 
 const getTicketIcon = (ticketType: string): JSX.Element | null => {
@@ -59,11 +59,7 @@ const TicketNameCell: FC<TicketNameCellProps> = ({
             </div>
           </Tooltip>
         )}
-        <div
-          onClick={handleClick}
-          className={styles['hyperlink']}
-          style={{ cursor: 'pointer' }}
-        >
+        <div onClick={handleClick} className={styles['hyperlink']}>
           {tickerName}
         </div>
         <div className={styles['go-to-link-icon']}>