wip: update icons

resources/css/tabler-extension.css

@@ -8,7 +8,7 @@
 
 @font-face {
   font-family: 'tabler-icons-extension';
-  src: url('../fonts/tabler-icons-extension.woff2?0wlio9') format('woff2');
+  src: url('../fonts/tabler-icons-extension.woff2?6rsxel') format('woff2');
   font-style: normal;
   font-weight: 400;
 }
@@ -27,46 +27,58 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.tie-block::before {
+.tie-app-feature::before {
   content: '\ea01';
 }
 
-.tie-block-search::before {
+.tie-block::before {
   content: '\ea02';
 }
 
-.tie-connector::before {
+.tie-block-search::before {
   content: '\ea03';
 }
 
-.tie-page::before {
+.tie-connector::before {
   content: '\ea04';
 }
 
-.tie-page-search::before {
+.tie-object-compact::before {
   content: '\ea05';
 }
 
-.tie-references-hide::before {
+.tie-object-expanded::before {
   content: '\ea06';
 }
 
-.tie-references-show::before {
+.tie-page::before {
   content: '\ea07';
 }
 
-.tie-select-cursor::before {
+.tie-page-search::before {
   content: '\ea08';
 }
 
-.tie-text::before {
+.tie-references-hide::before {
   content: '\ea09';
 }
 
-.tie-whiteboard::before {
+.tie-references-show::before {
   content: '\ea0a';
 }
 
-.tie-whiteboard-element::before {
+.tie-select-cursor::before {
   content: '\ea0b';
 }
+
+.tie-text::before {
+  content: '\ea0c';
+}
+
+.tie-whiteboard::before {
+  content: '\ea0d';
+}
+
+.tie-whiteboard-element::before {
+  content: '\ea0e';
+}

tldraw/apps/tldraw-logseq/src/components/ContextBar/contextBarActionFactory.tsx

@@ -1,7 +1,6 @@
 import { isNonNullable } from '@tldraw/core'
 import { useApp } from '@tldraw/react'
 import { observer } from 'mobx-react-lite'
-import { TablerIcon } from '~components/icons'
 import { SelectInput, SelectOption } from '~components/inputs/SelectInput'
 import { ToggleGroupInput, ToggleGroupInputOption } from '~components/inputs/ToggleGroupInput'
 import { LogseqPortalShape, Shape } from '~lib'
@@ -30,12 +29,12 @@ const LogseqPortalViewModeAction = observer(() => {
   const collapsed = shapes.every(s => s.collapsed)
   const ViewModeOptions: ToggleGroupInputOption[] = [
     {
-      value: '0',
-      icon: 'layout-navbar-expand',
+      value: '1',
+      icon: 'object-compact',
     },
     {
-      value: '1',
-      icon: 'layout-navbar-collapse',
+      value: '0',
+      icon: 'object-expanded',
     },
   ]
   return (

tldraw/apps/tldraw-logseq/src/components/icons/TablerIcon.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
-
 const extendedIcons = [
+  'object-compact',
+  'object-expanded',
   'block',
   'block-search',
   'page',

tldraw/apps/tldraw-logseq/src/components/inputs/ToggleGroupInput.tsx

@@ -27,6 +27,7 @@ export function ToggleGroupInput({ options, value, onValueChange, ...rest }: Sel
               className="tl-toggle-group-input-button"
               key={option.value}
               value={option.value}
+              disabled={option.value === value}
             >
               <TablerIcon name={option.icon} />
             </ToggleGroup.Item>

tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx

@@ -2,12 +2,10 @@
 import { TLBoxShape, TLBoxShapeProps, TLResizeInfo, validUUID } from '@tldraw/core'
 import { HTMLContainer, TLComponentProps, useApp } from '@tldraw/react'
 import Vec from '@tldraw/vec'
-import { action, computed, makeObservable, runInAction } from 'mobx'
+import { action, computed, makeObservable } from 'mobx'
 import { observer } from 'mobx-react-lite'
 import * as React from 'react'
 import { TablerIcon } from '~components/icons'
-import { SelectInput, SelectOption } from '~components/inputs/SelectInput'
-import { SwitchInput } from '~components/inputs/SwitchInput'
 import { useCameraMovingRef } from '~hooks/useCameraMoving'
 import type { Shape } from '~lib'
 import { LogseqContext, SearchResult } from '~lib/logseq-context'