Organize imports

src/components/apps/App.tsx

@@ -2,7 +2,6 @@ import { Show } from 'solid-js';
 import { getAppIcon } from '~/api/get-app-icon';
 import { useSettings } from '~/state/settings-provider';
 import { AppDefinition } from '~/types';
-
 import style from './App.module.css';
 
 export type AppProps = AppDefinition;

src/components/ui/Background.tsx

@@ -1,8 +1,7 @@
-import { Ref, Show, createEffect, createSignal, useTransition } from 'solid-js';
-import { useSettings } from '~/state/settings-provider';
-
-import style from './Background.module.css';
+import { createEffect, createSignal } from 'solid-js';
 import { loadImage } from '~/lib/load-image';
+import { useSettings } from '~/state/settings-provider';
+import style from './Background.module.css';
 
 export function Background() {
   const { currentBackground } = useSettings();

src/components/ui/Sidebar.tsx

@@ -1,11 +1,10 @@
 import { Tooltip } from '@hope-ui/solid';
+import { IoImage } from 'solid-icons/io';
 import { Accessor, For, createSelector, createSignal, onMount } from 'solid-js';
-import { Settings } from '../widgets/Settings';
-import { IoImage, IoReload } from 'solid-icons/io';
-import { FavoriteBackground } from '../widgets/FavoriteBackground';
-
-import style from './Sidebar.module.css';
 import { useSettings } from '~/state/settings-provider';
+import { FavoriteBackground } from '../widgets/FavoriteBackground';
+import { Settings } from '../widgets/Settings';
+import style from './Sidebar.module.css';
 
 type SidebarProps = {
   categories: Accessor<string[] | undefined>;

src/components/widgets/Date.tsx

@@ -1,7 +1,6 @@
-import { getDate, getTime } from '~/lib/date';
-
-import style from './Date.module.css';
 import { createEffect, createSignal } from 'solid-js';
+import { getDate, getTime } from '~/lib/date';
+import style from './Date.module.css';
 
 export function DateView() {
   const [time, setTime] = createSignal(getTime());

src/components/widgets/Search.tsx

@@ -1,6 +1,5 @@
 import { Accessor, Resource, Setter, Show, createMemo } from 'solid-js';
 import { SearchProvider } from '~/types';
-
 import style from './Search.module.css';
 
 type SearchProps = {

src/components/widgets/Weather.tsx

@@ -3,7 +3,6 @@ import { WiHumidity, WiSunrise, WiSunset } from 'solid-icons/wi';
 import { Show, createEffect, createSignal } from 'solid-js';
 import { createWeather } from '~/api/open-weather';
 import { getTime } from '~/lib/date';
-
 import style from './Weather.module.css';
 
 export function Weather() {

src/routes/index.tsx

@@ -8,7 +8,6 @@ import { Weather } from '~/components/widgets/Weather';
 import { createActiveCategory } from '~/state/create-active-category';
 import { useSettings } from '~/state/settings-provider';
 import { Sidebar } from '../components/ui/Sidebar';
-
 import style from './index.module.css';
 
 export default function Home() {

src/state/create-backgrounds.ts

@@ -1,11 +1,10 @@
-import { Accessor, createEffect, createMemo, createSignal } from 'solid-js';
+import { Accessor, createMemo, createSignal } from 'solid-js';
 import { getRandomBackground } from '~/api/unsplash';
 import { BACKGROUND_FETCH_MINS } from '~/config';
-import { sample } from '~/lib/array';
 import { createLocalStore } from '~/lib/create-local-store';
+import { random } from '~/lib/math';
 import { Background, BackgroundStorage } from '~/types';
 import { Settings } from './settings-provider';
-import { random } from '~/lib/math';
 
 export type BackgroundsState = {
   currentBackground: Accessor<Background | undefined>;