Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add ui skeleton to Task Details while loading

Browse Source
This commit is contained in:
Jordan Knott
2020-12-30 19:12:02 -06:00
parent 90b92781d7
commit f16cceb0e1
4 changed files with 251 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/Projects/Project/Details/index.tsx
View File

@ -1,6 +1,7 @@
import React, { useState } from 'react';
import Modal from 'shared/components/Modal';
import TaskDetails from 'shared/components/TaskDetails';
import TaskDetailsLoading from 'shared/components/TaskDetails/Loading';
import { Popup, usePopup } from 'shared/components/PopupMenu';
import MemberManager from 'shared/components/MemberManager';
import { useRouteMatch, useHistory } from 'react-router';
@ -407,9 +408,7 @@ const Details: React.FC<DetailsProps> = ({
});
const [updateTaskComment] = useUpdateTaskCommentMutation();
const [editableComment, setEditableComment] = useState<null | string>(null);
if (!data) {
return null;
}
const isLoading = true;
return (
<>
<Modal
@ -418,7 +417,7 @@ const Details: React.FC<DetailsProps> = ({
history.push(projectURL);
}}
renderContent={() => {
return (
return data ? (
<TaskDetails
onCancelCommentEdit={() => setEditableComment(null)}
onUpdateComment={(commentID, message) => {
@ -647,6 +646,8 @@ const Details: React.FC<DetailsProps> = ({
);
}}
/>
) : (
<TaskDetailsLoading />
);
}}
/>