Imbus/TTime
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
Davenludd 2024-04-08 22:44:55 +02:00
parent badeb84282
commit 6d0775586e
1 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/Components/EditWeeklyReport.tsx
View file

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