chore: sort imports

libs/components/layout/src/workspace-sidebar/activities/activities.tsx

@@ -1,15 +1,14 @@
-import { services } from '@toeverything/datasource/db-service';
-import { useUserAndSpaces } from '@toeverything/datasource/state';
-import { useCallback, useEffect, useState } from 'react';
-import { styled } from '@toeverything/components/ui';
 import {
     MuiList as List,
     MuiListItem as ListItem,
     MuiListItemText as ListItemText,
-    MuiListItemButton as ListItemButton,
+    styled,
 } from '@toeverything/components/ui';
-import { useNavigate } from 'react-router';
+import { services } from '@toeverything/datasource/db-service';
+import { useUserAndSpaces } from '@toeverything/datasource/state';
 import { formatDistanceToNow } from 'date-fns';
+import { useCallback, useEffect, useState } from 'react';
+import { useNavigate } from 'react-router';
 import { DotIcon } from '../dot-icon';
 
 const StyledWrapper = styled('div')({

libs/components/layout/src/workspace-sidebar/calendar-heatmap/CalendarHeatmap.tsx

@@ -1,13 +1,12 @@
-import { ComponentType, useEffect } from 'react';
 import {
-    styled,
-    MuiBox as Box,
-    MuiTextField as TextField,
+    AdapterDateFns,
     // CalendarPickerSkeleton,
     LocalizationProvider,
-    AdapterDateFns,
+    MuiBox as Box,
+    MuiTextField as TextField,
     StaticDatePicker,
 } from '@toeverything/components/ui';
+import { useEffect } from 'react';
 
 import type { Theme } from './types';
 import { useCalendarHeatmap } from './use-calendar-heatmap';

libs/components/layout/src/workspace-sidebar/calendar-heatmap/HeatedDay.tsx

@@ -1,9 +1,9 @@
-import type { ComponentType } from 'react';
 import {
-    styled,
     PickersDay,
+    styled,
     type PickersDayProps,
 } from '@toeverything/components/ui';
+import type { ComponentType } from 'react';
 
 import type { Theme } from './types';
 import { DEFAULT_THEME } from './utils';

libs/components/layout/src/workspace-sidebar/calendar-heatmap/use-calendar-heatmap.ts

@@ -1,11 +1,10 @@
-import { useCallback, useEffect, useState, createElement } from 'react';
-import { atom, useAtom } from 'jotai';
 import type { PickersDayProps } from '@toeverything/components/ui';
+import { atom, useAtom } from 'jotai';
+import { createElement, useCallback, useState } from 'react';
 
-import type { CalendarDay } from './types';
 import type { CalendarHeatmapProps } from './CalendarHeatmap';
 import { HeatedDay } from './HeatedDay';
-import { fakeFetch, fetchActivitiesHeatmap } from './utils';
+import type { CalendarDay } from './types';
 // import { usePageTree } from 'PageTree';
 
 const highlightedDaysAtom = atom<CalendarDay[] | undefined>([]);

libs/components/layout/src/workspace-sidebar/calendar-heatmap/utils.ts

@@ -6,7 +6,7 @@ import { getDateIsoStringWithTimezone } from '@toeverything/utils';
 import getDaysInMonth from 'date-fns/getDaysInMonth';
 import color, { ColorInput } from 'tinycolor2';
 
-import type { Theme, CalendarDay } from './types';
+import type { CalendarDay, Theme } from './types';
 
 // export const DEFAULT_THEME = createCalendarTheme('#3E6FDB');
 export const DEFAULT_THEME: Theme = {

libs/components/layout/src/workspace-sidebar/index.ts

@@ -1,3 +1,3 @@
-export * from './page-tree';
-export * from './calendar-heatmap';
 export * from './activities';
+export * from './calendar-heatmap';
+export * from './page-tree';

libs/components/layout/src/workspace-sidebar/page-tree/DndTree.tsx

@@ -1,12 +1,12 @@
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 
 import {
+    defaultDropAnimation,
     DndContext,
     DragOverlay,
     DropAnimation,
     MeasuringStrategy,
     PointerSensor,
-    defaultDropAnimation,
     useSensor,
     useSensors,
 } from '@dnd-kit/core';

libs/components/layout/src/workspace-sidebar/page-tree/index.ts

@@ -1,6 +1,5 @@
 export { PageTree } from './PageTree';
+export * from './types';
 export { usePageTree } from './use-page-tree';
 
-export * from './types';
-
 // export { getRecentPages, setRecentPages } from './block-page';

libs/components/layout/src/workspace-sidebar/page-tree/tree-item/DndTreeItem.tsx

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';

libs/components/layout/src/workspace-sidebar/page-tree/tree-item/NewFromTemplatePortal.tsx

@@ -1,26 +1,15 @@
-import React, {
-    useState,
-    MouseEvent,
-    useCallback,
-    useEffect,
-    useRef,
-} from 'react';
 import { services, TemplateFactory } from '@toeverything/datasource/db-service';
-import { useParams, useNavigate } from 'react-router-dom';
+import React, { useRef, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
 
-import { copyToClipboard } from '@toeverything/utils';
-import { ViewSidebarIcon } from '@toeverything/components/common';
 import {
-    MuiSnackbar as Snackbar,
-    MuiPopover as Popover,
-    ListButton,
-    MuiDivider as Divider,
-    MuiSwitch as Switch,
-    styled,
     BaseButton,
+    ListButton,
+    MuiPopover as Popover,
+    styled,
 } from '@toeverything/components/ui';
-import { useUserAndSpaces } from '@toeverything/datasource/state';
 import { useFlag } from '@toeverything/datasource/feature-flags';
+import { useUserAndSpaces } from '@toeverything/datasource/state';
 const NewFromTemplatePortalContainer = styled('div')({
     width: '320p',
     padding: '15px',

libs/components/layout/src/workspace-sidebar/page-tree/tree-item/TreeItem.tsx

@@ -7,8 +7,8 @@ import { useParams } from 'react-router-dom';
 
 import { useFlag } from '@toeverything/datasource/feature-flags';
 
-import MoreActions from './MoreActions';
 import { DotIcon } from '../../dot-icon';
+import MoreActions from './MoreActions';
 import {
     ActionButton,
     Counter,

libs/components/layout/src/workspace-sidebar/page-tree/use-page-tree.ts

@@ -1,13 +1,8 @@
-import { useCallback, useMemo, useState, useEffect } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
-import { atom, useAtom } from 'jotai';
-import type {
-    DragEndEvent,
-    DragMoveEvent,
-    DragOverEvent,
-    DragStartEvent,
-} from '@dnd-kit/core';
+import type { DragEndEvent, DragMoveEvent } from '@dnd-kit/core';
 import { arrayMove } from '@dnd-kit/sortable';
+import { atom, useAtom } from 'jotai';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
 
 import { services } from '@toeverything/datasource/db-service';
 import type { DndTreeProps } from './DndTree';