From f1973f63c2cc8eac8bd16b43a77277f872184f7a Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 9 May 2023 01:53:18 +0100
Subject: [PATCH] Rename "Mark as Done" and "Mark as Pending"

---
 src/components/TopicDetail/TopicDetail.tsx     | 12 ++++++------
 src/components/TopicOverlay/TopicOverlay.astro |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/TopicDetail/TopicDetail.tsx b/src/components/TopicDetail/TopicDetail.tsx
index 495ada2b1..948e97a50 100644
--- a/src/components/TopicDetail/TopicDetail.tsx
+++ b/src/components/TopicDetail/TopicDetail.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef, useState } from 'preact/hooks';
 import CheckIcon from '../../icons/check.svg';
-import ProgressIcon from '../../icons/progress.svg';
 import CloseIcon from '../../icons/close.svg';
+import ProgressIcon from '../../icons/progress.svg';
 import ResetIcon from '../../icons/reset.svg';
 import SpinnerIcon from '../../icons/spinner.svg';
 
@@ -217,7 +217,7 @@ export function TopicDetail() {
                     onClick={() => setIsActive(false)}
                   >
                     <img alt="Check" class="w-3" src={CheckIcon} />
-                    <span className="ml-2">Mark as Done</span>
+                    <span className="ml-2">Done</span>
                   </button>
                   <button
                     data-popup="login-popup"
@@ -249,7 +249,7 @@ export function TopicDetail() {
                         onClick={() => handleUpdateResourceProgress('done')}
                       >
                         <img alt="Check" class="w-3" src={CheckIcon} />
-                        <span className="ml-2">Mark as Done</span>
+                        <span className="ml-2">Done</span>
                       </button>
 
                       <button
@@ -268,7 +268,7 @@ export function TopicDetail() {
                       onClick={() => handleUpdateResourceProgress('pending')}
                     >
                       <img alt="Check" class="h-4" src={ResetIcon} />
-                      <span className="ml-2">Mark as Pending</span>
+                      <span className="ml-2">Pending</span>
                     </button>
                   )}
 
@@ -279,14 +279,14 @@ export function TopicDetail() {
                         onClick={() => handleUpdateResourceProgress('done')}
                       >
                         <img alt="Check" class="w-3" src={CheckIcon} />
-                        <span className="ml-2">Mark as Done</span>
+                        <span className="ml-2">Done</span>
                       </button>
                       <button
                         className="inline-flex items-center rounded-md border border-red-600 bg-red-600 p-1 px-2 text-sm text-white hover:bg-red-700"
                         onClick={() => handleUpdateResourceProgress('pending')}
                       >
                         <img alt="Check" class="h-4" src={ResetIcon} />
-                        <span className="ml-2">Mark as Pending</span>
+                        <span className="ml-2">Pending</span>
                       </button>
                     </div>
                   )}
diff --git a/src/components/TopicOverlay/TopicOverlay.astro b/src/components/TopicOverlay/TopicOverlay.astro
index 0ee43e7a9..dd86cfa59 100644
--- a/src/components/TopicOverlay/TopicOverlay.astro
+++ b/src/components/TopicOverlay/TopicOverlay.astro
@@ -26,7 +26,7 @@ const { contentContributionLink } = Astro.props;
           class='inline-flex items-center rounded-md bg-green-600 p-1 px-2 text-sm text-white hover:bg-green-700'
         >
           <Icon icon='check' />
-          <span class='ml-2'>Mark as Done</span>
+          <span class='ml-2'>Done</span>
         </button>
       </div>
 
@@ -36,7 +36,7 @@ const { contentContributionLink } = Astro.props;
           class='inline-flex hidden items-center rounded-md bg-green-600 p-1 px-2 text-sm text-white hover:bg-green-700'
         >
           <Icon icon='check' />
-          <span class='ml-2'>Mark as Done</span>
+          <span class='ml-2'>Done</span>
         </button>
 
         <button
@@ -44,7 +44,7 @@ const { contentContributionLink } = Astro.props;
           class='inline-flex hidden items-center rounded-md bg-red-600 p-1 px-2 text-sm text-white hover:bg-red-700'
         >
           <Icon icon='reset' />
-          <span class='ml-2'>Mark as Pending</span>
+          <span class='ml-2'>Pending</span>
         </button>
       </div>