diff --git a/interface/app/$libraryId/search.tsx b/interface/app/$libraryId/search.tsx
index c9b568485..c415caa54 100644
--- a/interface/app/$libraryId/search.tsx
+++ b/interface/app/$libraryId/search.tsx
@@ -2,9 +2,12 @@ import { MagnifyingGlass } from 'phosphor-react';
import { Suspense, memo, useDeferredValue, useEffect, useMemo } from 'react';
import { z } from 'zod';
import { useLibraryQuery } from '@sd/client';
-import { useZodSearchParams } from '~/hooks';
-import { getExplorerStore, useExplorerStore } from '~/hooks/useExplorerStore';
-import { useExplorerTopBarOptions } from '~/hooks/useExplorerTopBarOptions';
+import {
+ getExplorerStore,
+ useExplorerStore,
+ useExplorerTopBarOptions,
+ useZodSearchParams
+} from '~/hooks';
import Explorer from './Explorer';
import { getExplorerItemData } from './Explorer/util';
import TopBarChildren from './TopBar/TopBarChildren';
@@ -19,7 +22,8 @@ export type SearchArgs = z.infer;
const ExplorerStuff = memo((props: { args: SearchArgs }) => {
const explorerStore = useExplorerStore();
- const { explorerViewOptions, explorerControlOptions, explorerToolOptions } = useExplorerTopBarOptions();
+ const { explorerViewOptions, explorerControlOptions, explorerToolOptions } =
+ useExplorerTopBarOptions();
const query = useLibraryQuery(['search.paths', props.args], {
suspense: true,
@@ -45,7 +49,13 @@ const ExplorerStuff = memo((props: { args: SearchArgs }) => {
<>
{items && items.length > 0 ? (
<>
- ;
if (path) {
- props.onChange?.(event);
+ props.onChange?.(event);
}
- } catch (error) {
+ } catch (error) {
showAlertDialog({
- title: 'Error',
- value: String(error)
+ title: 'Error',
+ value: String(error)
});
- }
+ }
}}
{...props}
/>
diff --git a/interface/app/$libraryId/spacedrop.tsx b/interface/app/$libraryId/spacedrop.tsx
index 3e16907f3..960aba43d 100644
--- a/interface/app/$libraryId/spacedrop.tsx
+++ b/interface/app/$libraryId/spacedrop.tsx
@@ -1,8 +1,8 @@
import { GoogleDrive, Mega, iCloud } from '@sd/assets/images';
import clsx from 'clsx';
-import { DeviceMobile, HardDrives, Icon, Laptop, User } from 'phosphor-react';
+import { Icon, User } from 'phosphor-react';
import { tw } from '@sd/ui';
-import { SubtleButton, SubtleButtonContainer } from '~/components/SubtleButton';
+import { SubtleButton, SubtleButtonContainer } from '~/components';
import { OperatingSystem } from '~/util/Platform';
import classes from './spacedrop.module.scss';
@@ -164,9 +164,7 @@ export const Component = () => {
<>
{/*
-
);
diff --git a/interface/app/onboarding/alpha.tsx b/interface/app/onboarding/alpha.tsx
index c1cdba063..5d561440b 100644
--- a/interface/app/onboarding/alpha.tsx
+++ b/interface/app/onboarding/alpha.tsx
@@ -12,7 +12,7 @@ export default function OnboardingAlpha() {
-
-
+
-
+
diff --git a/interface/hooks/useCounter.ts b/interface/hooks/useCounter.ts
index d9e01e249..ae5fbc290 100644
--- a/interface/hooks/useCounter.ts
+++ b/interface/hooks/useCounter.ts
@@ -33,7 +33,13 @@ type UseCounterProps = {
saveState?: boolean;
};
-const useCounter = ({ name, start = 0, end, duration = 2, saveState = true }: UseCounterProps) => {
+export const useCounter = ({
+ name,
+ start = 0,
+ end,
+ duration = 2,
+ saveState = true
+}: UseCounterProps) => {
const { lastValue, setLastValue } = useCounterState(name);
if (saveState && lastValue) {
@@ -60,5 +66,3 @@ const useCounter = ({ name, start = 0, end, duration = 2, saveState = true }: Us
return value;
};
-
-export default useCounter;
diff --git a/interface/hooks/useExplorerTopBarOptions.tsx b/interface/hooks/useExplorerTopBarOptions.tsx
index da673fd04..d41595cf8 100644
--- a/interface/hooks/useExplorerTopBarOptions.tsx
+++ b/interface/hooks/useExplorerTopBarOptions.tsx
@@ -12,8 +12,8 @@ import {
} from 'phosphor-react';
import OptionsPanel from '~/app/$libraryId/Explorer/OptionsPanel';
import { TOP_BAR_ICON_STYLE, ToolOption } from '~/app/$libraryId/TopBar';
-import { getExplorerStore, useExplorerStore } from './useExplorerStore';
import { KeyManager } from '../app/$libraryId/KeyManager';
+import { getExplorerStore, useExplorerStore } from './useExplorerStore';
export const useExplorerTopBarOptions = () => {
const explorerStore = useExplorerStore();
diff --git a/packages/ui/src/RadioGroup.tsx b/packages/ui/src/RadioGroup.tsx
index 46725d4df..aabd2ad4c 100644
--- a/packages/ui/src/RadioGroup.tsx
+++ b/packages/ui/src/RadioGroup.tsx
@@ -3,7 +3,7 @@ import { cx } from 'class-variance-authority';
import clsx from 'clsx';
import { forwardRef } from 'react';
-export interface RootProps extends RadioGroup.RadioGroupProps { }
+export interface RootProps extends RadioGroup.RadioGroupProps {}
export const Root = forwardRef(
({ children, className, ...props }, ref) => {
return (
@@ -18,7 +18,7 @@ export const Root = forwardRef(
// RadioGroup.Item
// )`rounded-md border border-app-line bg-app-box px-4 py-2 flex items-center space-x-2`;
-export interface ItemProps extends RadioGroup.RadioGroupItemProps { }
+export interface ItemProps extends RadioGroup.RadioGroupItemProps {}
export const Item = ({ children, ...props }: ItemProps) => {
return (