From 3ddd0ea3efbd4d673a943dbf63363c548ae5562c Mon Sep 17 00:00:00 2001
From: Kalon Robson <kalon.robson@innovixx.co.uk>
Date: Sun, 4 Dec 2022 00:42:38 +0000
Subject: [PATCH] fix: mismatch language condition when rendering unpublish

---
 src/admin/components/elements/Status/index.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/admin/components/elements/Status/index.tsx b/src/admin/components/elements/Status/index.tsx
index 6d5b6e4419..2ca6c097ae 100644
--- a/src/admin/components/elements/Status/index.tsx
+++ b/src/admin/components/elements/Status/index.tsx
@@ -41,11 +41,11 @@ const Status: React.FC<Props> = () => {
   let statusToRender;
 
   if (unpublishedVersions?.docs?.length > 0 && publishedDoc) {
-    statusToRender = t('changed');
+    statusToRender = 'changed';
   } else if (!publishedDoc) {
-    statusToRender = t('draft');
+    statusToRender = 'draft';
   } else if (publishedDoc && unpublishedVersions?.docs?.length <= 1) {
-    statusToRender = t('published');
+    statusToRender = 'published';
   }
 
   const performAction = useCallback(async (action: 'revert' | 'unpublish') => {
@@ -118,8 +118,8 @@ const Status: React.FC<Props> = () => {
     return (
       <div className={baseClass}>
         <div className={`${baseClass}__value-wrap`}>
-          <span className={`${baseClass}__value`}>{statusToRender}</span>
-          {statusToRender === 'Published' && (
+          <span className={`${baseClass}__value`}>{t(statusToRender)}</span>
+          {statusToRender === 'published' && (
             <React.Fragment>
               &nbsp;&mdash;&nbsp;
               <Button
@@ -152,7 +152,7 @@ const Status: React.FC<Props> = () => {
               </Modal>
             </React.Fragment>
           )}
-          {statusToRender === 'Changed' && (
+          {statusToRender === 'changed' && (
             <React.Fragment>
               &nbsp;&mdash;&nbsp;
               <Button