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

View File

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