Slash

Author: Yadro

.vscode/settings.json

@@ -10,9 +10,12 @@
   "javascript.format.enable": false,
   "typescript.format.enable": false,
 
+  "editor.formatOnSave": true,
   "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.formatOnSave": true
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
 
   "search.exclude": {

src/screens/projects/components/TaskNode/TaskNode.tsx

@@ -29,7 +29,7 @@ export default observer(function TaskNode({ task }: TaskNodeProps) {
   const lastDateInProgress = useMemo(() => {
     const lastDate = last(task.datesInProgress);
     if (lastDate) {
-      return taskLastActiveDateFormat(lastDate)
+      return taskLastActiveDateFormat(lastDate);
     }
     return undefined;
   }, [task.datesInProgress]);
@@ -44,7 +44,9 @@ export default observer(function TaskNode({ task }: TaskNodeProps) {
   return (
     <div className={classes.taskNode}>
       <span className={classes.taskTitle}>{task.title}</span>
-      <span className={classes.date}>{lastDateInProgress}</span>
+      {lastDateInProgress && (
+        <span className={classes.date}>{`${lastDateInProgress} /`}</span>
+      )}
       <span>{duration}</span>
       <span className={classes.taskNodeActions}>
         {Features.myDay && (
@@ -85,5 +87,5 @@ const useStyle = createUseStyles({
   },
   date: {
     marginRight: 5,
-  }
+  },
 });