;
+};
+export default function TimeEntriesList (props: TimeEntriesListProps) {
+ const { timeEntries = [], projects = {} } = props;
+ const dayGroups = getTimeEntryDayGroups(timeEntries);
+ // let renderedEntriesCount = 0;
+ console.log(dayGroups);
+ return (
+
+ {Object.keys(dayGroups).map((date) => {
+ const groupEntries = dayGroups[date];
+ return [
+ {format(date, 'ddd, D MMM')},
+ ...groupEntries.map((timeEntry, i) => {
+ const project = projects[timeEntry.pid] || null;
+ return ;
+ })
+ ]
+ })}
+
+ );
+}
+
+type TimeEntriesListItemProps = {
+ timeEntry: TimeEntry;
+ project: Project;
+ dataId: number;
+};
+function TimeEntriesListItem ({ timeEntry, project, ...props }: TimeEntriesListItemProps) {
+ const description = timeEntry.description || NO_DESCRIPTION;
+ const isBillable = !!timeEntry.billable;
+ const tags = (timeEntry.tags && timeEntry.tags.length > 0)
+ ? timeEntry.tags.join(', ')
+ : '';
+
+ return (
+
+
+ {description}
+
+
+ {tags && }
+
+
+
+
+
+
+
+
+ );
+}
+
+function TimeEntryDuration ({ duration }: { duration: number }) {
+ if (!duration || duration < 0) return null;
+ return (
+ {secToDecimalHours(duration)}
+ );
+}
+
+const TimeEntryDescription = styled.div`
+ flex: 1;
+
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ cursor: text;
+ line-height: normal;
+ overflow: hidden;
+ color: #222;
+`;
+
+function TimeEntryProject ({ project }: { project: Project }) {
+ return (
+
+ {project &&
+
+ {project.name}
+
+ }
+