Update EditWeeklyReport component to change depending on if the report is signed or not

This commit is contained in:
Davenludd 2024-04-08 22:44:55 +02:00
parent badeb84282
commit 6d0775586e

View file

@ -18,12 +18,13 @@ export default function GetWeeklyReport(): JSX.Element {
const [testingTime, setTestingTime] = useState(0);
const token = localStorage.getItem("accessToken") ?? "";
const { projectName, fetchedWeek } = useParams<{
const { projectName, fetchedWeek, signedOrUnsigned } = useParams<{
projectName: string;
fetchedWeek: string;
signedOrUnsigned: string;
}>();
const username = localStorage.getItem("userName") ?? "";
console.log(projectName, fetchedWeek);
console.log(projectName, fetchedWeek, signedOrUnsigned);
useEffect(() => {
const fetchWeeklyReport = async (): Promise<void> => {
@ -59,7 +60,7 @@ export default function GetWeeklyReport(): JSX.Element {
};
void fetchWeeklyReport();
}, [projectName, fetchedWeek, token]);
}, [projectName, fetchedWeek, signedOrUnsigned, token]);
const handleUpdateWeeklyReport = async (): Promise<void> => {
const updateWeeklyReport: UpdateWeeklyReport = {
@ -139,6 +140,7 @@ export default function GetWeeklyReport(): JSX.Element {
)
event.preventDefault();
}}
readOnly={signedOrUnsigned === "signed"}
/>
</td>
</tr>
@ -168,6 +170,7 @@ export default function GetWeeklyReport(): JSX.Element {
)
event.preventDefault();
}}
readOnly={signedOrUnsigned === "signed"}
/>
</td>
</tr>
@ -197,6 +200,7 @@ export default function GetWeeklyReport(): JSX.Element {
)
event.preventDefault();
}}
readOnly={signedOrUnsigned === "signed"}
/>
</td>
</tr>
@ -226,6 +230,7 @@ export default function GetWeeklyReport(): JSX.Element {
)
event.preventDefault();
}}
readOnly={signedOrUnsigned === "signed"}
/>
</td>
</tr>
@ -255,6 +260,7 @@ export default function GetWeeklyReport(): JSX.Element {
)
event.preventDefault();
}}
readOnly={signedOrUnsigned === "signed"}
/>
</td>
</tr>
@ -284,18 +290,21 @@ export default function GetWeeklyReport(): JSX.Element {
)
event.preventDefault();
}}
readOnly={signedOrUnsigned === "signed"}
/>
</td>
</tr>
</tbody>
</table>
<Button
text="Submit changes"
onClick={(): void => {
return;
}}
type="submit"
/>
{signedOrUnsigned !== "signed" && (
<Button
text="Submit changes"
onClick={(): void => {
return;
}}
type="submit"
/>
)}
</div>
</form>
</div>