Added placeholder in task list (#3785)

#3769 added placeholder in task list
This commit is contained in:
Jeet Desai 2024-02-05 19:41:09 +05:30 committed by GitHub
parent ee7e8b9ab2
commit d74b8b7fe8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -67,6 +67,10 @@ const StyledFieldsContainer = styled.div`
display: flex;
`;
const StyledPlaceholder = styled.div`
color: ${({ theme }) => theme.font.color.light};
`;
export const TaskRow = ({
task,
}: {
@ -100,7 +104,7 @@ export const TaskRow = ({
/>
</div>
<StyledTaskTitle completed={task.completedAt !== null}>
{task.title ?? 'Task Title'}
{task.title || <StyledPlaceholder>Task title</StyledPlaceholder>}
</StyledTaskTitle>
<StyledTaskBody>
<OverflowingTextWithTooltip text={body} />