Fix extra characters in UI (#6826)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>

packages/presentation/src/components/AttributeBarEditor.svelte

@@ -76,8 +76,9 @@
       use:tooltip={{
         component: Label,
         props: { label: attribute.label }
-      }}><Label label={attribute.label} /></span
-    >
+      }}
+      ><Label label={attribute.label} />
+    </span>
     <div class="flex flex-grow min-w-0">
       <svelte:component
         this={editor}

packages/presentation/src/components/markup/CodeBlockNode.svelte

@@ -26,7 +26,9 @@
 </script>
 
 {#if node}
-  <pre class="proseCodeBlock" style:margin={preview ? '0' : null}><code
-      ><Component is={diffview.component.Highlight} props={{ value, language }} /></code
-    ></pre>
+  <pre class="proseCodeBlock" style:margin={preview ? '0' : null}>
+    <code>
+      <Component is={diffview.component.Highlight} props={{ value, language }} />
+    </code>
+  </pre>
 {/if}

packages/ui/src/components/DropdownPopup.svelte

@@ -121,7 +121,6 @@
     </div>
   </div>
 </div>
->
 
 <style lang="scss">
   .img {

packages/ui/src/components/EditWithIcon.svelte

@@ -87,7 +87,6 @@
     {/if}
   </div>
 </div>
->
 
 <style lang="scss">
   .editbox {

packages/ui/src/components/NumberInput.svelte

@@ -157,7 +157,6 @@
     </div>
   </div>
 </div>
->
 
 <style lang="scss">
   .editbox-container {

packages/ui/src/components/PlainTextEditor.svelte

@@ -73,7 +73,6 @@
   on:keypress
   on:blur
 />
->
 
 <style lang="scss">
   .root {

packages/ui/src/components/SearchInput.svelte

@@ -86,7 +86,6 @@
     <IconClose size={'small'} />
   </button>
 </label>
->
 
 <style lang="scss">
   .searchInput-wrapper {

packages/ui/src/components/TextArea.svelte

@@ -55,7 +55,6 @@
     on:blur
   />
 </div>
->
 
 <style lang="scss">
   .textarea {

packages/ui/src/components/TimeSince.svelte

@@ -84,4 +84,3 @@
 >
   {time}
 </span>
-span>

packages/ui/src/components/TimeZonesPopup.svelte

@@ -89,9 +89,9 @@
   {#if selectedTZ}
     <div class="header flex-col">
       <div class="flex-between min-h-4" style:margin-right={'-.5rem'}>
-        <span class="text-xs font-medium uppercase content-darker-color flex-grow"
-          ><Label label={ui.string.Selected} /></span
-        >
+        <span class="text-xs font-medium uppercase content-darker-color flex-grow">
+          <Label label={ui.string.Selected} />
+        </span>
         {#if reset !== null}
           <ActionIcon
             icon={IconUndo}

packages/ui/src/components/calendar/Month.svelte

@@ -112,9 +112,9 @@
   {#if viewDate}
     <div class="caption">
       {#each [...Array(7).keys()] as dayOfWeek}
-        <span class="weekdays ui-regular-12"
-          >{capitalizeFirstLetter(getWeekDayName(day(firstDayOfCurrentMonth, dayOfWeek), 'short'))}</span
-        >
+        <span class="weekdays ui-regular-12">
+          {capitalizeFirstLetter(getWeekDayName(day(firstDayOfCurrentMonth, dayOfWeek), 'short'))}
+        </span>
       {/each}
     </div>
     <div class="calendar">

packages/ui/src/components/calendar/MonthSquare.svelte

@@ -134,9 +134,9 @@
   {#if viewDate}
     <div class="calendar" class:noPadding>
       {#each [...Array(7).keys()] as dayOfWeek}
-        <span class="caption"
-          >{capitalizeFirstLetter(getWeekDayName(day(firstDayOfCurrentMonth, dayOfWeek), 'short'))}</span
-        >
+        <span class="caption">
+          {capitalizeFirstLetter(getWeekDayName(day(firstDayOfCurrentMonth, dayOfWeek), 'short'))}
+        </span>
       {/each}
 
       {#each [...Array(displayedWeeksCount).keys()] as weekIndex}

packages/ui/src/components/icons/Places.svelte

@@ -8,5 +8,5 @@
   <path
     {opacity}
     d="M 8 1.320313 L 0.660156 8.132813 L 1.339844 8.867188 L 2 8.253906 L 2 14 L 7 14 L 7 9 L 9 9 L 9 14 L 14 14 L 14 8.253906 L 14.660156 8.867188 L 15.339844 8.132813 Z M 8 2.679688 L 13 7.328125 L 13 13 L 10 13 L 10 8 L 6 8 L 6 13 L 3 13 L 3 7.328125 Z"
-  /></svg
->
+  />
+</svg>

packages/ui/src/components/icons/Symbols.svelte

@@ -8,5 +8,5 @@
   <path
     {opacity}
     d="M 14.5 2.792969 L 5.5 11.792969 L 1.851563 8.148438 L 1.5 7.792969 L 0.792969 8.5 L 1.148438 8.851563 L 5.5 13.207031 L 15.207031 3.5 Z"
-  /></svg
->
+  />
+</svg>

plugins/activity-resources/src/components/ActivityFilter.svelte

@@ -47,7 +47,7 @@
   $: localStorage.setItem('activity-filter', JSON.stringify(selectedFiltersRefs))
   $: localStorage.setItem('activity-newest-first', JSON.stringify(isNewestFirst))
 
-  client.findAll(activity.class.ActivityMessagesFilter, {}).then((res) => {
+  void client.findAll(activity.class.ActivityMessagesFilter, {}).then((res) => {
     filters = res
 
     if (saved !== null && saved !== undefined) {

plugins/board-resources/src/components/EditCard.svelte

@@ -92,10 +92,8 @@
     </svelte:fragment>
     <svelte:fragment slot="header">
       <div class="flex fs-title flex-gap-1">
-        <span class="over-underline" on:click={handleMove}>{space?.name}</span>><span
-          class="over-underline"
-          on:click={handleMove}>{state?.name}</span
-        >
+        <span class="over-underline" on:click={handleMove}>{space?.name}</span>>
+        <span class="over-underline" on:click={handleMove}>{state?.name}</span>
       </div>
     </svelte:fragment>
     <svelte:fragment slot="tools">

plugins/chunter-resources/src/components/chat/ChannelAside.svelte

@@ -126,8 +126,10 @@
         use:tooltip={{
           component: Label,
           props: { label: core.string.CreatedBy }
-        }}><Label label={core.string.CreatedBy} /></span
+        }}
       >
+        <Label label={core.string.CreatedBy} />
+      </span>
       <div class="flex flex-grow min-w-0">
         <EmployeeBox
           value={creatorPersonRef}

plugins/contact-resources/src/components/ChannelEditor.svelte

@@ -186,8 +186,10 @@
         if (openable) {
           dispatch('update', 'open')
         }
-      }}>{value}</span
+      }}
     >
+      {value}
+    </span>
     <Button
       focusIndex={3}
       kind={'ghost'}

plugins/contact-resources/src/components/OrganizationPresenter.svelte

@@ -47,9 +47,9 @@
         <div class="icon circle">
           <Company size={'small'} />
         </div>
-        <span class="overflow-label label" class:no-underline={noUnderline || disabled} class:fs-bold={accent}
-          >{value.name}</span
-        >
+        <span class="overflow-label label" class:no-underline={noUnderline || disabled} class:fs-bold={accent}>
+          {value.name}
+        </span>
       </div>
     </DocNavLink>
   {:else if type === 'text'}

plugins/lead-resources/src/components/LeadPresenter.svelte

@@ -39,9 +39,9 @@
         {#if shouldShowAvatar}
           <div class="icon"><Icon icon={lead.icon.Lead} size={'small'} /></div>
         {/if}
-        <span class="label nowrap" class:no-underline={noUnderline || disabled} class:fs-bold={accent}
-          >{value.identifier}</span
-        >
+        <span class="label nowrap" class:no-underline={noUnderline || disabled} class:fs-bold={accent}>
+          {value.identifier}
+        </span>
       </div>
     </DocNavLink>
   {:else if type === 'text'}

plugins/login-resources/src/components/SelectWorkspace.svelte

@@ -164,8 +164,10 @@
             setMetadataLocalStorage(login.metadata.LoginEndpoint, null)
             setMetadataLocalStorage(login.metadata.LoginEmail, null)
             goTo('login')
-          }}><Label label={login.string.ChangeAccount} /></NavLink
+          }}
         >
+          <Label label={login.string.ChangeAccount} />
+        </NavLink>
       </div>
     </div>
   {/await}

plugins/request-resources/src/components/RequestDetail.svelte

@@ -70,12 +70,12 @@
       <tr class="antiTable-body__row">
         <td><PersonRefPresenter value={requested.employee} /></td>
         <td><BooleanIcon value={requested.decision} /></td>
-        <td
-          >{#if requested.comment}
+        <td>
+          {#if requested.comment}
             <ShowMore limit={126} fixed>
               <MessageViewer message={requested.comment.message} />
-            </ShowMore>{/if}</td
-        >
+            </ShowMore>{/if}
+        </td>
       </tr>
     {/each}
   </tbody>

plugins/task-resources/src/components/KanbanTemplatePresenter.svelte

@@ -24,5 +24,7 @@
 
 <span class="label nowrap">
   {#if shortLabel}
-    {shortLabel}-{/if}{value.name}</span
->
+    {shortLabel}-
+  {/if}
+  {value.name}
+</span>

plugins/task-resources/src/components/TaskPresenter.svelte

@@ -33,9 +33,9 @@
       <div class="icon">
         <Icon icon={task.icon.Task} size={'small'} />
       </div>
-      <span class="label nowrap"
-        >{#if shortLabel}{shortLabel}-{/if}{value.number}</span
-      >
+      <span class="label nowrap">
+        {#if shortLabel}{shortLabel}-{/if}{value.number}
+      </span>
     </div>
   </DocNavLink>
 {/if}

plugins/tracker-resources/src/components/issues/timereport/TimeSpendReportPopup.svelte

@@ -112,24 +112,24 @@
       maxDigitsAfterPoint={3}
       kind={'editbox'}
     />
-    <Button kind={'link-bordered'} on:click={() => (data.value = 1)}
-      ><span slot="content">1<Label label={tracker.string.HourLabel} /></span></Button
-    >
-    <Button kind={'link-bordered'} on:click={() => (data.value = 2)}
-      ><span slot="content">2<Label label={tracker.string.HourLabel} /></span></Button
-    >
-    <Button kind={'link-bordered'} on:click={() => (data.value = 4)}
-      ><span slot="content">4<Label label={tracker.string.HourLabel} /></span></Button
-    >
-    <Button kind={'link-bordered'} on:click={() => (data.value = 6)}
-      ><span slot="content">6<Label label={tracker.string.HourLabel} /></span></Button
-    >
-    <Button kind={'link-bordered'} on:click={() => (data.value = 7)}
-      ><span slot="content">7<Label label={tracker.string.HourLabel} /></span></Button
-    >
-    <Button kind={'link-bordered'} on:click={() => (data.value = 8)}
-      ><span slot="content">8<Label label={tracker.string.HourLabel} /></span></Button
-    >
+    <Button kind={'link-bordered'} on:click={() => (data.value = 1)}>
+      <span slot="content">1<Label label={tracker.string.HourLabel} /></span>
+    </Button>
+    <Button kind={'link-bordered'} on:click={() => (data.value = 2)}>
+      <span slot="content">2<Label label={tracker.string.HourLabel} /></span>
+    </Button>
+    <Button kind={'link-bordered'} on:click={() => (data.value = 4)}>
+      <span slot="content">4<Label label={tracker.string.HourLabel} /></span>
+    </Button>
+    <Button kind={'link-bordered'} on:click={() => (data.value = 6)}>
+      <span slot="content">6<Label label={tracker.string.HourLabel} /></span>
+    </Button>
+    <Button kind={'link-bordered'} on:click={() => (data.value = 7)}>
+      <span slot="content">7<Label label={tracker.string.HourLabel} /></span>
+    </Button>
+    <Button kind={'link-bordered'} on:click={() => (data.value = 8)}>
+      <span slot="content">8<Label label={tracker.string.HourLabel} /></span>
+    </Button>
   </div>
   <EditBox bind:value={data.description} placeholder={tracker.string.TimeSpendReportDescription} kind={'editbox'} />
   <svelte:fragment slot="pool">

plugins/tracker-resources/src/components/issues/timereport/TimeSpendReportsList.svelte

@@ -109,6 +109,6 @@
           <DatePresenter value={report.date} kind={'ghost'} size={'small'} />
         </FixedColumn>
       </div>
-    </div></svelte:fragment
-  >
+    </div>
+  </svelte:fragment>
 </ListView>