rmcamposandGitHub
278ae5c344
* feat: automate prod deployments issue #338 * fix: string parse * feat: add date picker and filter options issue #127 * feat: add tooltip and date picker * ci: split stage deploy into separate tasks to allow separate releases * test: add more test cases * ci: split workflows into client and server * ci: fix pr server workflow
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import React from 'react';
|
|
import { Bell, Check2Circle } from 'react-bootstrap-icons';
|
|
import './style.css';
|
|
|
|
interface Props {
|
|
readonly title: string;
|
|
readonly highPriority: boolean;
|
|
readonly done: boolean;
|
|
}
|
|
|
|
/**
|
|
* Renders the TaskTitle component, displaying an icon and the task title.
|
|
*
|
|
* @param {Props} props - The props for the component.
|
|
* @param {string} [props.title] - The title for the task.
|
|
* @param {boolean} [props.highPriority] - Define if the task is high priority.
|
|
* @param {boolean} [props.done] - Define if the task is completed.
|
|
* @returns {React.ReactNode} The rendered TaskTitle component.
|
|
*/
|
|
function TaskTitle(props: React.PropsWithChildren<Props>): React.ReactNode {
|
|
if (props.highPriority) {
|
|
return (
|
|
<span className="task-title-icon" data-testid={`task-title-container-${props.title}`}>
|
|
{props.done
|
|
? (
|
|
<Check2Circle data-testid={`task-title-check-${props.title}`} />
|
|
)
|
|
: (
|
|
<Bell data-testid={`task-title-bell-${props.title}`} />
|
|
)}
|
|
<span
|
|
className={`${props.done ? 'text-strike' : ''} ms-2 poppins-semibold`}
|
|
data-testid={`task-title-text-${props.title}`}
|
|
>
|
|
{props.title}
|
|
</span>
|
|
</span>
|
|
);
|
|
}
|
|
return (
|
|
<span className="task-title-icon" data-testid={`task-title-container-${props.title}`}>
|
|
{props.done && (
|
|
<Check2Circle data-testid={`task-title-check-${props.title}`} />
|
|
)}
|
|
<span
|
|
className={`${props.done ? 'ms-2 text-strike' : ''} poppins-semibold`}
|
|
data-testid={`task-title-text-${props.title}`}
|
|
>
|
|
{props.title}
|
|
</span>
|
|
</span>
|
|
);
|
|
}
|
|
|
|
export default TaskTitle;
|