fix: qrcode download from task popup

hotosm · Feb 23, 2024 · 708dfbc · 708dfbc
1 parent 5fad502
commit 708dfbc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/frontend/src/components/ProjectDetailsV2/TaskSectionPopup.tsx b/src/frontend/src/components/ProjectDetailsV2/TaskSectionPopup.tsx
@@ -74,7 +74,9 @@ const TaskSectionPopup = ({ taskId, body, feature }: TaskSectionPopupPropType) =
           <h4 className="fmtm-text-lg fmtm-font-bold">Task: {taskId}</h4>
           <p className="fmtm-text-base fmtm-text-[#757575]">Status: {task_status}</p>
         </div>
-        {checkIfTaskAssignedOrNot && task_status !== 'LOCKED_FOR_MAPPING' && <QrcodeComponent qrcode={qrcode} />}
+        {checkIfTaskAssignedOrNot && task_status !== 'LOCKED_FOR_MAPPING' && (
+          <QrcodeComponent qrcode={qrcode} taskId={taskId} />
+        )}
         {body}
       </div>
     </div>

diff --git a/src/frontend/src/components/QrcodeComponent.jsx b/src/frontend/src/components/QrcodeComponent.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import CoreModules from '@/shared/CoreModules';
 import AssetModules from '@/shared/AssetModules';
 
-const TasksComponent = ({ qrcode }) => {
+const TasksComponent = ({ qrcode, taskId }) => {
   return (
     <div className="fmtm-flex fmtm-justify-center fmtm-py-5 fmtm-border-t-[1px]">
       <div className="fmtm-p-5 fmtm-border-[1px] fmtm-rounded-lg fmtm-relative">
@@ -16,7 +16,7 @@ const TasksComponent = ({ qrcode }) => {
             onClick={() => {
               const downloadLink = document.createElement('a');
               downloadLink.href = qrcode;
-              downloadLink.download = `Task_${task}`;
+              downloadLink.download = `Task_${taskId}`;
               downloadLink.click();
             }}
             disabled={qrcode == '' ? true : false}