Remove feature flag from showing the status in task card and handle e…

…dit view. (#969)
Real-Dev-Squad · Oct 29, 2023 · 427c01e · 427c01e
1 parent d61b07e
commit 427c01e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 10 deletions.
diff --git a/__tests__/Unit/Components/Tasks/Card.test.tsx b/__tests__/Unit/Components/Tasks/Card.test.tsx
@@ -532,12 +532,10 @@ describe('Task card', () => {
         expect(spanElement).toHaveTextContent('Started 3 years ago'); // Mocked date from moment
     });
     it('Should show the status of the task', () => {
-        // TODO: After UI change remove dev flag
         renderWithRouter(
             <Provider store={store()}>
                 <Card {...DEFAULT_PROPS} />
-            </Provider>,
-            { query: { dev: 'true' } }
+            </Provider>
         );
         const spanElement = screen.getByTestId('task-status');
         expect(spanElement).toHaveTextContent('Completed');

diff --git a/src/components/tasks/card/index.tsx b/src/components/tasks/card/index.tsx
@@ -1,7 +1,6 @@
 import { FC, useState, useEffect, useRef, ChangeEvent } from 'react';
 import Image from 'next/image';
 import classNames from '@/components/tasks/card/card.module.scss';
-import DevFeature from '@/components/DevFeature';
 import getDateInString from '@/helperFunctions/getDateInString';
 import { useKeyLongPressed } from '@/hooks/useKeyLongPressed';
 import { CardProps } from '@/interfaces/task.type';
@@ -565,15 +564,12 @@ const Card: FC<CardProps> = ({
                 </div>
                 {/* EDIT task status */}
                 <div className={classNames.taskStatusEditMode}>
-                    {isEditable && (
+                    {isEditable ? (
                         <TaskStatusEditMode
                             task={editedTaskDetails}
                             setEditedTaskDetails={setEditedTaskDetails}
                         />
-                    )}
-                </div>
-                <DevFeature>
-                    {cardDetails.status && (
+                    ) : (
                         <div className={classNames.statusContainer} style={{}}>
                             <p className={classNames.cardSpecialFont}>
                                 Status:
@@ -590,7 +586,7 @@ const Card: FC<CardProps> = ({
                             </p>
                         </div>
                     )}
-                </DevFeature>
+                </div>
             </div>
 
             <div className={classNames.contributor}>