add title attr

unsignd · Aug 13, 2024 · da728c1 · da728c1
1 parent 83ac6a4
commit da728c1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -299,7 +299,10 @@ export function Header() {
             />
           </ContentGroup>
           <ContentGroup>
-            <IconButton onClick={() => navigate('/submission')}>
+            <IconButton
+              title="View Submission list"
+              onClick={() => navigate('/submission')}
+            >
               <ArchiveSVG />
             </IconButton>
             <Button $border onClick={() => setIsActive(true)}>

diff --git a/src/components/Item.tsx b/src/components/Item.tsx
@@ -203,6 +203,7 @@ export function Item({
         </ItemTextGroup>
         <ItemButtonGroup>
           <ItemButton
+            title="Copy this GIF's name to Clipboard"
             onClick={() => {
               if (progress === 0) {
                 navigator.clipboard.writeText(text);

diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
@@ -394,6 +394,7 @@ export function Modal() {
       <Header>
         <Heading>Contribute a GIF</Heading>
         <CancelButton
+          title="Close modal"
           onClick={(event) => {
             event.preventDefault();
 

diff --git a/src/components/SubmissionItem.tsx b/src/components/SubmissionItem.tsx
@@ -164,10 +164,11 @@ export function SubmissionItem({
       />
       <ItemBottomGroup>
         <ItemTextGroup>
-          <ItemText>{text.toLowerCase()}</ItemText>
+          <ItemText title={text.toLowerCase()}>{text.toLowerCase()}</ItemText>
         </ItemTextGroup>
         <ItemButtonGroup>
           <ItemButton
+            title={upvoted ? 'Downvote this GIF' : 'Upvote this GIF'}
             $isUpvoted={upvoted}
             onClick={() => {
               if (isClicked) return;