refactor: use sentence case for interaction (#1558)

* refactor: rename `Done` and `Read` to `done` and `read`

Signed-off-by: Adam Setch <[email protected]>

* refactor: mark repository sentence case

Signed-off-by: Adam Setch <[email protected]>

---------

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/components/NotificationRow.test.tsx

@@ -204,7 +204,7 @@ describe('components/NotificationRow.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTitle('Mark as Read'));
+      fireEvent.click(screen.getByTitle('Mark as read'));
       expect(markNotificationRead).toHaveBeenCalledTimes(1);
     });
 
@@ -224,7 +224,7 @@ describe('components/NotificationRow.tsx', () => {
         </AppContext.Provider>,
       );
 
-      fireEvent.click(screen.getByTitle('Mark as Done'));
+      fireEvent.click(screen.getByTitle('Mark as done'));
       expect(markNotificationDone).toHaveBeenCalledTimes(1);
     });
 

src/components/NotificationRow.tsx

@@ -131,7 +131,7 @@ export const NotificationRow: FC<INotificationRow> = ({
         <HoverGroup>
           {isMarkAsDoneFeatureSupported(notification.account) && (
             <InteractionButton
-              title="Mark as Done"
+              title="Mark as done"
               icon={CheckIcon}
               size={Size.MEDIUM}
               onClick={() => {
@@ -142,7 +142,7 @@ export const NotificationRow: FC<INotificationRow> = ({
             />
           )}
           <InteractionButton
-            title="Mark as Read"
+            title="Mark as read"
             icon={ReadIcon}
             size={Size.SMALL}
             onClick={() => {

src/components/RepositoryNotifications.test.tsx

@@ -64,7 +64,7 @@ describe('components/RepositoryNotifications.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTitle('Mark Repository as Read'));
+    fireEvent.click(screen.getByTitle('Mark repository as read'));
 
     expect(markRepoNotificationsRead).toHaveBeenCalledWith(
       mockSingleNotification,
@@ -80,7 +80,7 @@ describe('components/RepositoryNotifications.tsx', () => {
       </AppContext.Provider>,
     );
 
-    fireEvent.click(screen.getByTitle('Mark Repository as Done'));
+    fireEvent.click(screen.getByTitle('Mark repository as done'));
 
     expect(markRepoNotificationsDone).toHaveBeenCalledWith(
       mockSingleNotification,

src/components/RepositoryNotifications.tsx

@@ -83,7 +83,7 @@ export const RepositoryNotifications: FC<IRepositoryNotifications> = ({
           <HoverGroup>
             {isMarkAsDoneFeatureSupported(repoNotifications[0].account) && (
               <InteractionButton
-                title="Mark Repository as Done"
+                title="Mark repository as done"
                 icon={CheckIcon}
                 size={Size.MEDIUM}
                 onClick={(event: MouseEvent<HTMLElement>) => {
@@ -96,7 +96,7 @@ export const RepositoryNotifications: FC<IRepositoryNotifications> = ({
               />
             )}
             <InteractionButton
-              title="Mark Repository as Read"
+              title="Mark repository as read"
               icon={ReadIcon}
               size={Size.SMALL}
               onClick={(event: MouseEvent<HTMLElement>) => {