diff --git a/front/src/modules/activities/timeline/components/Timeline.tsx b/front/src/modules/activities/timeline/components/Timeline.tsx index 16b230d69153..36ab0f61c75c 100644 --- a/front/src/modules/activities/timeline/components/Timeline.tsx +++ b/front/src/modules/activities/timeline/components/Timeline.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { CommentThreadCreateButton } from '@/activities/components/CommentThreadCreateButton'; @@ -6,6 +7,7 @@ import { useOpenCreateCommentThreadDrawer } from '@/activities/hooks/useOpenCrea import { CommentableEntity } from '@/activities/types/CommentableEntity'; import { CommentThreadForDrawer } from '@/activities/types/CommentThreadForDrawer'; import { useIsMobile } from '@/ui/hooks/useIsMobile'; +import { IconCircleDot } from '@/ui/icon'; import { ActivityType, SortOrder, @@ -83,7 +85,17 @@ const StyledTopActionBar = styled.div` top: 0px; `; +const StyledStartIcon = styled.div` + align-self: flex-start; + color: ${({ theme }) => theme.font.color.tertiary}; + display: flex; + height: 20px; + width: 20px; +`; + export function Timeline({ entity }: { entity: CommentableEntity }) { + const theme = useTheme(); + const { data: queryResult, loading } = useGetCommentThreadsByTargetsQuery({ variables: { commentThreadTargetIds: [entity.id], @@ -132,6 +144,9 @@ export function Timeline({ entity }: { entity: CommentableEntity }) { commentThread={commentThread} /> ))} + + + ); diff --git a/front/src/modules/ui/icon/index.ts b/front/src/modules/ui/icon/index.ts index 2c93b8c8547d..141384deb98c 100644 --- a/front/src/modules/ui/icon/index.ts +++ b/front/src/modules/ui/icon/index.ts @@ -48,3 +48,4 @@ export { IconCurrencyDollar } from '@tabler/icons-react'; export { IconUserCircle } from '@tabler/icons-react'; export { IconCalendar } from '@tabler/icons-react'; export { IconPencil } from '@tabler/icons-react'; +export { IconCircleDot } from '@tabler/icons-react';