From 9f198a5428769c120ff4ebdc877a4f5806aae012 Mon Sep 17 00:00:00 2001
From: Eduard Aksamitov <e@euaaaio.ru>
Date: Mon, 25 Mar 2024 05:57:35 +0300
Subject: [PATCH] feat(planner): remove large view mode (#5043)

Signed-off-by: Eduard Aksamitov <e@euaaaio.ru>
---
 .../src/components/ToDoElement.svelte         | 46 +++++--------------
 .../src/components/ToDoGroup.svelte           | 12 ++---
 .../src/components/ToDoProjectGroup.svelte    |  3 +-
 .../src/components/ToDos.svelte               | 11 -----
 4 files changed, 17 insertions(+), 55 deletions(-)

diff --git a/plugins/time-resources/src/components/ToDoElement.svelte b/plugins/time-resources/src/components/ToDoElement.svelte
index cfe324662c..8c8697604a 100644
--- a/plugins/time-resources/src/components/ToDoElement.svelte
+++ b/plugins/time-resources/src/components/ToDoElement.svelte
@@ -26,7 +26,6 @@
   import ToDoPriorityPresenter from './ToDoPriorityPresenter.svelte'
 
   export let todo: WithLookup<ToDo>
-  export let size: 'small' | 'large' = 'small'
   export let planned: boolean = true
   export let isNew: boolean = false
 
@@ -69,7 +68,7 @@
 </script>
 
 <button
-  class="hulyToDoLine-container {size}"
+  class="hulyToDoLine-container"
   class:hovered
   class:isDone
   on:click|stopPropagation={open}
@@ -90,44 +89,21 @@
             <ToDoCheckbox checked={isDone} priority={todo.priority} on:value={markDone} />
           {/if}
         </div>
-        {#if size === 'small'}
-          <ToDoPriorityPresenter value={todo.priority} muted={isDone} />
-        {/if}
+        <ToDoPriorityPresenter value={todo.priority} muted={isDone} />
       </div>
     </div>
     <WorkItemPresenter {todo} kind={'todo-line'} withoutSpace />
-    {#if size === 'small'}
-      <div class="hulyToDoLine-title hulyToDoLine-top-align top-12 text-left font-regular-14 overflow-label">
-        {todo.title}
-      </div>
-    {:else}
-      <div class="flex-col flex-gap-2 flex-grow text-left">
-        <div class="hulyToDoLine-title hulyToDoLine-top-align top-12 text-left font-regular-14">
-          {todo.title}
-        </div>
-        {#if todo.labels && todo.labels > 0 && todo.priority !== ToDoPriority.NoPriority}
-          <div class="flex-row-center flex-grow flex-gap-2">
-            {#if todo.labels && todo.labels > 0}
-              <Component
-                is={tags.component.LabelsPresenter}
-                props={{ object: todo, value: todo.labels, kind: 'todo' }}
-              />
-            {/if}
-            <ToDoPriorityPresenter value={todo.priority} muted={isDone} showLabel />
-          </div>
-        {/if}
-      </div>
-    {/if}
+    <div class="hulyToDoLine-title hulyToDoLine-top-align top-12 text-left font-regular-14 overflow-label">
+      {todo.title}
+    </div>
   </div>
   <div class="flex-row-top flex-no-shrink flex-gap-2">
-    {#if size === 'small'}
-      <div class="flex-row-center min-h-6 max-h-6 flex-gap-2">
-        <Component
-          is={tags.component.LabelsPresenter}
-          props={{ object: todo, value: todo.labels, kind: 'todo-compact' }}
-        />
-      </div>
-    {/if}
+    <div class="flex-row-center min-h-6 max-h-6 flex-gap-2">
+      <Component
+        is={tags.component.LabelsPresenter}
+        props={{ object: todo, value: todo.labels, kind: 'todo-compact' }}
+      />
+    </div>
   </div>
   <div class="flex flex-no-shrink flex-gap-3 pl-2">
     {#if events.length > 0}
diff --git a/plugins/time-resources/src/components/ToDoGroup.svelte b/plugins/time-resources/src/components/ToDoGroup.svelte
index 4f4d329462..29ff1d5f89 100644
--- a/plugins/time-resources/src/components/ToDoGroup.svelte
+++ b/plugins/time-resources/src/components/ToDoGroup.svelte
@@ -20,20 +20,20 @@
   import type { Project } from '@hcengineering/tracker'
   import type { ToDosMode } from '..'
   import { AccordionItem } from '@hcengineering/ui'
+  import { getClient } from '@hcengineering/presentation'
+  import { makeRank } from '@hcengineering/task'
+  import ToDoProjectGroup from './ToDoProjectGroup.svelte'
   import ToDoDraggable from './ToDoDraggable.svelte'
   import ToDoDuration from './ToDoDuration.svelte'
   import ToDoElement from './ToDoElement.svelte'
   import { dragging } from '../dragging'
-  import ToDoProjectGroup from './ToDoProjectGroup.svelte'
-  import { getClient } from '@hcengineering/presentation'
-  import { makeRank } from '@hcengineering/task'
+  import time from '../plugin'
 
   export let mode: ToDosMode
   export let title: IntlString
   export let todos: WithLookup<ToDo>[]
   export let showTitle: boolean
   export let showDuration: boolean
-  export let largeSize: boolean = false
   export let projects: IdMap<Project>
 
   function getAllWorkslots (todos: WithLookup<ToDo>[]): WorkSlot[] {
@@ -111,7 +111,6 @@
           todos={todos.filter((td) => td.attachedSpace === group._id)}
           project={group}
           groupName={title}
-          {largeSize}
           {mode}
         />
       {/each}
@@ -121,7 +120,6 @@
         todos={todos.filter((td) => !hasProject(td.attachedSpace))}
         project={false}
         groupName={title}
-        {largeSize}
         {mode}
       />
     {/if}
@@ -130,7 +128,7 @@
   <div class="flex-col p-4 w-full">
     {#each todos as todo, index}
       <ToDoDraggable {todo} {index} groupName={title} projectId={false} on:drop={handleDrop}>
-        <ToDoElement {todo} size={largeSize ? 'large' : 'small'} planned={mode !== 'unplanned'} />
+        <ToDoElement {todo} planned={mode !== 'unplanned'} />
       </ToDoDraggable>
     {/each}
   </div>
diff --git a/plugins/time-resources/src/components/ToDoProjectGroup.svelte b/plugins/time-resources/src/components/ToDoProjectGroup.svelte
index cb2b10bf1c..3b02c99c06 100644
--- a/plugins/time-resources/src/components/ToDoProjectGroup.svelte
+++ b/plugins/time-resources/src/components/ToDoProjectGroup.svelte
@@ -38,7 +38,6 @@
   export let project: Project | false | undefined = undefined
   export let mode: ToDosMode
   export let groupName: IntlString
-  export let largeSize: boolean = false
 
   const client = getClient()
 
@@ -85,7 +84,7 @@
 <AccordionItem {id} {icon} {iconProps} {title} {label} size={'medium'} nested>
   {#each todos as todo, index}
     <ToDoDraggable {todo} {index} {groupName} {projectId} on:drop={handleDrop}>
-      <ToDoElement {todo} size={largeSize ? 'large' : 'small'} planned={mode !== 'unplanned'} />
+      <ToDoElement {todo} planned={mode !== 'unplanned'} />
     </ToDoDraggable>
   {/each}
 </AccordionItem>
diff --git a/plugins/time-resources/src/components/ToDos.svelte b/plugins/time-resources/src/components/ToDos.svelte
index bfcf018a02..c9d6f3946b 100644
--- a/plugins/time-resources/src/components/ToDos.svelte
+++ b/plugins/time-resources/src/components/ToDos.svelte
@@ -42,7 +42,6 @@
 
   const acc = getCurrentAccount() as PersonAccount
   const user = acc.person
-  let largeSize: boolean = false
 
   const doneQuery = createQuery()
   const inboxQuery = createQuery()
@@ -302,15 +301,6 @@
         />
       {/if}
     </div>
-    <svelte:fragment slot="actions">
-      <ButtonIcon
-        icon={IconDiff}
-        size={'small'}
-        kind={'tertiary'}
-        pressed={largeSize}
-        on:click={() => (largeSize = !largeSize)}
-      />
-    </svelte:fragment>
   </Header>
   <CreateToDo fullSize />
 
@@ -323,7 +313,6 @@
         showDuration={group[0] !== time.string.Unplanned}
         {mode}
         {projects}
-        {largeSize}
       />
     {/each}
   </Scroller>