diff --git a/components/actions/TaskList.js b/components/actions/TaskList.js
index 649c077a..03925751 100644
--- a/components/actions/TaskList.js
+++ b/components/actions/TaskList.js
@@ -14,13 +14,6 @@ import RichText from 'components/common/RichText';
import { useLocale, useTranslations } from 'next-intl';
import { usePlan } from 'context/plan';
import { getDateFormat } from 'utils/dates.utils';
-import { setLightness } from 'polished';
-import {
- StyledStatusBadge,
- StyledStatusWrapper,
- StyledStatusIndicator,
- StyledStatusLabel,
-} from 'components/common/StatusBadge';
const StyledDate = styled.span`
font-size: ${(props) => props.theme.fontSizeSm};
@@ -107,14 +100,6 @@ const ListGroupTitle = styled.h3`
const ListGroupItem = styled(BaseListGroupItem)`
padding: ${(props) => props.theme.spaces.s050};
- background: ${(props) =>
- props.isLate
- ? setLightness(0.95, props.theme.taskStatusColors.late)
- : 'transparent'};
- border: ${(props) =>
- props.isLate ? `1px solid ${props.theme.taskStatusColors.late}` : 'none'};
- border-radius: ${(props) => props.theme.cardBorderRadius};
- margin-bottom: 8px;
&:first-child {
border-top-left-radius: ${(props) => props.theme.cardBorderRadius};
@@ -131,19 +116,11 @@ const ListGroupItem = styled(BaseListGroupItem)`
}
`;
-const StyledStatusBadgeNoBorder = styled(StyledStatusBadge)`
- border: none;
-`;
-
function parseTimestamp(timestamp) {
const timeFormat = 'L';
return dayjs(timestamp).format(timeFormat);
}
-const isTaskLate = (task, completed) => {
- return !completed && new Date(task.dueAt) < new Date();
-};
-
const Task = (props) => {
const t = useTranslations();
const locale = useLocale();
@@ -158,8 +135,6 @@ const Task = (props) => {
getDateFormat(dateFormat)
);
- const isLate = isTaskLate(task, completed);
-
return (
{completed ? (
@@ -203,17 +178,6 @@ const Task = (props) => {
>
)}
- {isLate && (
-
-
-
- {t('late')}
-
-
- )}
);
};
@@ -232,18 +196,11 @@ function TaskList(props) {
function filterTasks(state, completed) {
return sortedTasks
.filter((item) => item.state === state)
- .map((item) => {
- const isLate = isTaskLate(item, completed);
- return (
-
-
-
- );
- });
+ .map((item) => (
+
+
+
+ ));
}
const notStartedTasks = filterTasks('NOT_STARTED', false);
diff --git a/components/common/StatusBadge.tsx b/components/common/StatusBadge.tsx
index 0b1778d5..577be513 100644
--- a/components/common/StatusBadge.tsx
+++ b/components/common/StatusBadge.tsx
@@ -14,7 +14,7 @@ type StatusProps = {
$statusColor: string;
};
-export const StyledStatusBadge = styled.div`
+const StyledStatusBadge = styled.div`
display: inline-block;
border: ${({ $subtle, $statusColor }) =>
$subtle ? 'none' : `2px solid ${$statusColor}`};
@@ -28,7 +28,7 @@ const StyledStatusBadgeWithReason = styled(StyledStatusBadge)`
display: block;
`;
-export const StyledStatusIndicator = styled.div`
+const StyledStatusIndicator = styled.div`
background: ${({ $statusColor }) => $statusColor};
border-radius: 10px;
width: 10px;
@@ -36,7 +36,7 @@ export const StyledStatusIndicator = styled.div`
flex-shrink: 0;
`;
-export const StyledStatusLabel = styled.div<{ $subtle?: boolean }>`
+const StyledStatusLabel = styled.div<{ $subtle?: boolean }>`
color: ${({ theme }) => theme.textColor.primary};
font-size: ${({ theme }) => theme.fontSizeSm};
line-height: ${({ theme }) => theme.lineHeightSm};
@@ -44,7 +44,7 @@ export const StyledStatusLabel = styled.div<{ $subtle?: boolean }>`
$subtle ? theme.fontWeightNormal : theme.fontWeightBold};
`;
-export const StyledStatusWrapper = styled.div`
+const StyledStatusWrapper = styled.div`
display: flex;
gap: ${({ theme }) => theme.spaces.s050};
align-items: center;
diff --git a/locales/en/actions.json b/locales/en/actions.json
index ca2f443d..b2208529 100644
--- a/locales/en/actions.json
+++ b/locales/en/actions.json
@@ -62,6 +62,5 @@
"action-dependencies": "{context, select, CASE_STUDY {Case study dependencies} STRATEGY {Strategy dependencies} other {Action dependencies}}",
"no-action-version-available": "No --{versionType}--- version available",
"feedback-on-category": "Give feedback on this category",
- "feedback-on-category-description": "You can leave a comment or feedback on this category",
- "late": "Late"
+ "feedback-on-category-description": "You can leave a comment or feedback on this category"
}