Added placeholder in task list (#3785)
#3769 added placeholder in task list
This commit is contained in:
@ -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} />
|
||||||
|
|||||||
Reference in New Issue
Block a user