From 86c47dde4a74dec439bcd16901e6ca267aab11bd Mon Sep 17 00:00:00 2001 From: Utku <74243531+utkubakir@users.noreply.github.com> Date: Tue, 4 Apr 2023 08:39:07 +0300 Subject: [PATCH] Prettier & Format (#668) * format * fix lint issues --- .prettierrc.js | 2 +- .vscode/launch.json | 140 ++-- .vscode/tasks.json | 55 +- apps/landing/src/components/AppEmbed.tsx | 4 +- apps/landing/src/components/DocsLayout.tsx | 2 +- apps/landing/src/components/DocsSidebar.tsx | 4 +- apps/landing/src/components/Footer.tsx | 4 +- apps/landing/src/components/HomeCTA.tsx | 4 +- apps/landing/src/components/NavBar.tsx | 4 +- apps/landing/src/components/NewBanner.tsx | 6 +- apps/landing/src/components/TeamMember.tsx | 2 +- apps/landing/src/pages/blog/index.page.tsx | 1 - apps/landing/src/pages/careers.page.tsx | 16 +- apps/landing/src/pages/docs/doc.page.tsx | 4 +- apps/landing/src/pages/docs/index.page.tsx | 2 +- apps/landing/src/pages/index.page.tsx | 6 +- apps/landing/src/pages/roadmap.page.tsx | 6 +- apps/landing/src/style.scss | 4 +- apps/storybook/.storybook/preview-head.html | 4 +- apps/storybook/index.html | 20 +- interface/ErrorFallback.tsx | 12 +- interface/app/$libraryId/404.tsx | 6 +- .../Explorer/File/DecryptDialog.tsx | 4 +- interface/app/$libraryId/Explorer/TopBar.tsx | 3 +- interface/app/$libraryId/KeyManager/Key.tsx | 18 +- .../app/$libraryId/KeyManager/Mounter.tsx | 4 +- interface/app/$libraryId/KeyManager/index.tsx | 6 +- .../Layout/Sidebar/DebugPopover.tsx | 2 +- .../$libraryId/Layout/Sidebar/JobManager.tsx | 9 +- .../Layout/Sidebar/LibrariesDropdown.tsx | 6 +- .../app/$libraryId/Layout/Sidebar/index.tsx | 10 +- interface/app/$libraryId/Layout/Toasts.tsx | 8 +- interface/app/$libraryId/index.tsx | 2 +- interface/app/$libraryId/location/$id.tsx | 2 +- interface/app/$libraryId/overview.tsx | 4 +- interface/app/$libraryId/settings/Layout.tsx | 2 +- .../app/$libraryId/settings/ModalLayout.tsx | 2 +- interface/app/$libraryId/settings/Sidebar.tsx | 2 +- .../$libraryId/settings/client/general.tsx | 6 +- .../settings/library/keys/index.tsx | 8 +- .../settings/library/locations/ListItem.tsx | 6 +- .../settings/node/libraries/ListItem.tsx | 2 +- .../app/$libraryId/settings/node/p2p.tsx | 2 +- .../$libraryId/settings/resources/about.tsx | 4 +- interface/app/$libraryId/spacedrop.tsx | 4 +- interface/app/onboarding/Layout.tsx | 4 +- interface/app/onboarding/Progress.tsx | 2 +- interface/app/onboarding/new-library.tsx | 4 +- interface/app/onboarding/privacy.tsx | 2 +- interface/app/onboarding/start.tsx | 2 +- interface/app/style.scss | 6 +- interface/components/PasswordMeter.tsx | 2 +- interface/hooks/useScrolled.tsx | 2 +- package.json | 4 +- packages/config/eslint/base.js | 10 +- packages/config/eslint/reactNative.js | 10 +- packages/config/package.json | 12 +- packages/ui/src/CheckBox.tsx | 4 +- packages/ui/src/ContextMenu.tsx | 2 +- packages/ui/src/Dialog.tsx | 8 +- packages/ui/src/Dropdown.tsx | 4 +- packages/ui/src/DropdownMenu.tsx | 9 +- packages/ui/src/Input.tsx | 2 +- packages/ui/src/Popover.tsx | 4 +- packages/ui/src/ProgressBar.tsx | 2 +- packages/ui/src/RadioGroup.tsx | 4 +- packages/ui/src/Select.tsx | 12 +- packages/ui/src/Slider.tsx | 6 +- pnpm-lock.yaml | 746 +++++++++++++++--- 69 files changed, 884 insertions(+), 403 deletions(-) diff --git a/.prettierrc.js b/.prettierrc.js index 0b0725ac0..b55c3845a 100644 --- a/.prettierrc.js +++ b/.prettierrc.js @@ -23,5 +23,5 @@ module.exports = { importOrderParserPlugins: ['importAssertions', 'typescript', 'jsx'], pluginSearchDirs: false, plugins: ['@trivago/prettier-plugin-sort-imports', 'prettier-plugin-tailwindcss'], - tailwindConfig: 'packages/ui/tailwind.config.js' + tailwindConfig: './packages/ui/tailwind.config.js' }; diff --git a/.vscode/launch.json b/.vscode/launch.json index 3900ea085..8c91f9cc7 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -1,80 +1,62 @@ { - // Use IntelliSense to learn about possible attributes. - // Hover to view descriptions of existing attributes. - // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 - "version": "0.2.0", - "configurations": [ - { - "type": "lldb", - "request": "launch", - "name": "Tauri Development Debug", - "cargo": { - "args": [ - "build", - "--manifest-path=./apps/desktop/src-tauri/Cargo.toml", - "--no-default-features" - ], - "problemMatcher": "$rustc", - }, - "sourceLanguages": [ - "rust" - ], - "preLaunchTask": "ui:dev" - }, - { - "type": "lldb", - "request": "launch", - "name": "Tauri Production Debug", - "cargo": { - "args": [ - "build", - "--release", - "--manifest-path=./apps/desktop/src-tauri/Cargo.toml" - ], - "problemMatcher": "$rustc", - }, - "sourceLanguages": [ - "rust" - ], - "preLaunchTask": "ui:build" - }, - { - "type": "lldb", - "request": "launch", - "name": "Debug unit tests in library 'sd-core'", - "cargo": { - "args": [ - "test", - "--no-run", - "--lib", - "--package=sd-core" - ], - "filter": { - "name": "sd-core", - "kind": "lib" - } - }, - "args": [], - "cwd": "${workspaceFolder}" - }, - { - "type": "lldb", - "request": "launch", - "name": "Debug unit tests in library 'sd-crypto'", - "cargo": { - "args": [ - "test", - "--no-run", - "--lib", - "--package=sd-crypto" - ], - "filter": { - "name": "sd-crypto", - "kind": "lib" - } - }, - "args": [], - "cwd": "${workspaceFolder}" - }, - ] -} \ No newline at end of file + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "lldb", + "request": "launch", + "name": "Tauri Development Debug", + "cargo": { + "args": [ + "build", + "--manifest-path=./apps/desktop/src-tauri/Cargo.toml", + "--no-default-features" + ], + "problemMatcher": "$rustc" + }, + "sourceLanguages": ["rust"], + "preLaunchTask": "ui:dev" + }, + { + "type": "lldb", + "request": "launch", + "name": "Tauri Production Debug", + "cargo": { + "args": ["build", "--release", "--manifest-path=./apps/desktop/src-tauri/Cargo.toml"], + "problemMatcher": "$rustc" + }, + "sourceLanguages": ["rust"], + "preLaunchTask": "ui:build" + }, + { + "type": "lldb", + "request": "launch", + "name": "Debug unit tests in library 'sd-core'", + "cargo": { + "args": ["test", "--no-run", "--lib", "--package=sd-core"], + "filter": { + "name": "sd-core", + "kind": "lib" + } + }, + "args": [], + "cwd": "${workspaceFolder}" + }, + { + "type": "lldb", + "request": "launch", + "name": "Debug unit tests in library 'sd-crypto'", + "cargo": { + "args": ["test", "--no-run", "--lib", "--package=sd-crypto"], + "filter": { + "name": "sd-crypto", + "kind": "lib" + } + }, + "args": [], + "cwd": "${workspaceFolder}" + } + ] +} diff --git a/.vscode/tasks.json b/.vscode/tasks.json index a573f2387..86d4e9920 100644 --- a/.vscode/tasks.json +++ b/.vscode/tasks.json @@ -4,28 +4,20 @@ { "type": "cargo", "command": "clippy", - "problemMatcher": [ - "$rustc" - ], + "problemMatcher": ["$rustc"], "group": { "kind": "build", "isDefault": true }, "label": "rust: cargo clippy", - "args": [ - "--all-targets", - "--all-features", - "--all" - ] + "args": ["--all-targets", "--all-features", "--all"] }, { "type": "npm", "script": "prep", "label": "pnpm: prep", "group": "none", - "problemMatcher": [ - "$rustc" - ] + "problemMatcher": ["$rustc"] }, { "type": "shell", @@ -40,12 +32,7 @@ }, "isBackground": true, "command": "pnpm", - "args": [ - "desktop", - "vite", - "--clearScreen=false", - "--mode=development" - ], + "args": ["desktop", "vite", "--clearScreen=false", "--mode=development"], "runOptions": { "instanceLimit": 1 } @@ -55,49 +42,31 @@ "label": "ui:build", "problemMatcher": "$tsc", "command": "pnpm", - "args": [ - "desktop", - "vite", - "build" - ] + "args": ["desktop", "vite", "build"] }, { "type": "cargo", "command": "run", - "args": [ - "--manifest-path=./apps/desktop/src-tauri/Cargo.toml", - "--no-default-features" - ], + "args": ["--manifest-path=./apps/desktop/src-tauri/Cargo.toml", "--no-default-features"], "env": { "RUST_BACKTRACE": "short" }, - "problemMatcher": [ - "$rustc" - ], + "problemMatcher": ["$rustc"], "group": "build", "label": "rust: run spacedrive", - "dependsOn": [ - "ui:dev" - ] + "dependsOn": ["ui:dev"] }, { "type": "cargo", "command": "run", - "args": [ - "--manifest-path=./apps/desktop/src-tauri/Cargo.toml", - "--release" - ], + "args": ["--manifest-path=./apps/desktop/src-tauri/Cargo.toml", "--release"], "env": { "RUST_BACKTRACE": "short" }, - "problemMatcher": [ - "$rustc" - ], + "problemMatcher": ["$rustc"], "group": "build", "label": "rust: run spacedrive release", - "dependsOn": [ - "ui:build" - ] + "dependsOn": ["ui:build"] } ] -} \ No newline at end of file +} diff --git a/apps/landing/src/components/AppEmbed.tsx b/apps/landing/src/components/AppEmbed.tsx index fd2bb0fac..991c3a103 100644 --- a/apps/landing/src/components/AppEmbed.tsx +++ b/apps/landing/src/components/AppEmbed.tsx @@ -68,7 +68,7 @@ const AppEmbed = () => {
{ ref={iFrame} referrerPolicy="origin-when-cross-origin" className={clsx( - 'shadow-iframe inset-center bg-gray-850 z-30 h-full w-full rounded-lg', + 'shadow-iframe inset-center z-30 h-full w-full rounded-lg bg-gray-850', iFrameAppReady ? 'fade-in-app-embed opacity-100' : 'ml-[-10000px] opacity-0' )} src={`${ diff --git a/apps/landing/src/components/DocsLayout.tsx b/apps/landing/src/components/DocsLayout.tsx index 221e5665b..9c39f6135 100644 --- a/apps/landing/src/components/DocsLayout.tsx +++ b/apps/landing/src/components/DocsLayout.tsx @@ -25,7 +25,7 @@ export default function DocsLayout(props: Props) { pageWrapId="page-container" className="shadow-2xl shadow-black" > -
+
)} - + } > @@ -220,7 +220,7 @@ export const KeyDropdownItem = (props: { }) => { return (
-
+
{props.rightArea} -
+
); }; diff --git a/interface/app/$libraryId/settings/ModalLayout.tsx b/interface/app/$libraryId/settings/ModalLayout.tsx index ddef5fe55..2aa015953 100644 --- a/interface/app/$libraryId/settings/ModalLayout.tsx +++ b/interface/app/$libraryId/settings/ModalLayout.tsx @@ -38,7 +38,7 @@ const BackButton = () => { return ( ); diff --git a/interface/app/$libraryId/settings/Sidebar.tsx b/interface/app/$libraryId/settings/Sidebar.tsx index eee8b77b8..c8664ef8b 100644 --- a/interface/app/$libraryId/settings/Sidebar.tsx +++ b/interface/app/$libraryId/settings/Sidebar.tsx @@ -26,7 +26,7 @@ export default () => { const os = useOperatingSystem(); return ( -
+
{os !== 'browser' ? (
) : ( diff --git a/interface/app/$libraryId/settings/client/general.tsx b/interface/app/$libraryId/settings/client/general.tsx index 6629c1657..093b74db1 100644 --- a/interface/app/$libraryId/settings/client/general.tsx +++ b/interface/app/$libraryId/settings/client/general.tsx @@ -26,7 +26,7 @@ export const Component = () => {
-
+
Node Name @@ -50,7 +50,7 @@ export const Component = () => {
- Run daemon when app closed + Run daemon when app closed
{ platform.openLink(node.data.data_path); } }} - className="text-ink-faint text-sm font-medium" + className="text-sm font-medium text-ink-faint" > Data Folder diff --git a/interface/app/$libraryId/settings/library/keys/index.tsx b/interface/app/$libraryId/settings/library/keys/index.tsx index 34cf15555..b55a67325 100644 --- a/interface/app/$libraryId/settings/library/keys/index.tsx +++ b/interface/app/$libraryId/settings/library/keys/index.tsx @@ -54,7 +54,7 @@ export const KeyMounterDropdown = ({ 'flex flex-col', 'z-50 m-2 space-y-1', 'cursor-default select-none rounded-lg', - 'text-ink text-left text-sm', + 'text-left text-sm text-ink', 'bg-app-overlay/80 backdrop-blur', // 'border border-app-overlay', 'shadow-2xl shadow-black/60 ', @@ -138,7 +138,7 @@ export const Component = () => { {!enterSkManually && (
-

setEnterSkManually(true)}> +

setEnterSkManually(true)}> or enter secret key manually

@@ -162,12 +162,12 @@ export const Component = () => { variant="subtle" className="text-ink-faint" > - + - + } > diff --git a/interface/app/$libraryId/settings/library/locations/ListItem.tsx b/interface/app/$libraryId/settings/library/locations/ListItem.tsx index c8385f592..a3685519e 100644 --- a/interface/app/$libraryId/settings/library/locations/ListItem.tsx +++ b/interface/app/$libraryId/settings/library/locations/ListItem.tsx @@ -32,8 +32,8 @@ export default ({ location }: Props) => {

{location.name}

-

- {location.node.name} +

+ {location.node.name} {location.path}

@@ -49,7 +49,7 @@ export default ({ location }: Props) => { className="pointer-events-none flex !py-1.5 !px-2" >
- {online ? 'Online' : 'Offline'} + {online ? 'Online' : 'Offline'}
diff --git a/interface/app/$libraryId/spacedrop.tsx b/interface/app/$libraryId/spacedrop.tsx index 2c2e270d0..3b3a857cc 100644 --- a/interface/app/$libraryId/spacedrop.tsx +++ b/interface/app/$libraryId/spacedrop.tsx @@ -52,13 +52,13 @@ function DropItem(props: DropItemProps) { return (
{/* */} -
{icon}
+
{icon}
diff --git a/interface/app/onboarding/Layout.tsx b/interface/app/onboarding/Layout.tsx index a3bd422a9..271788ef2 100644 --- a/interface/app/onboarding/Layout.tsx +++ b/interface/app/onboarding/Layout.tsx @@ -37,7 +37,7 @@ export const Component = () => {
@@ -48,7 +48,7 @@ export const Component = () => {
-

© 2022 Spacedrive Technology Inc.

+

© 2022 Spacedrive Technology Inc.

diff --git a/interface/app/onboarding/Progress.tsx b/interface/app/onboarding/Progress.tsx index fbda0a396..1d25c6f1a 100644 --- a/interface/app/onboarding/Progress.tsx +++ b/interface/app/onboarding/Progress.tsx @@ -40,7 +40,7 @@ export default function OnboardingProgress() { disabled={!obStore.unlockedScreens.includes(path)} onClick={() => navigate(`/onboarding/${path}`)} className={clsx( - 'hover:bg-ink h-2 w-2 rounded-full transition disabled:opacity-10', + 'h-2 w-2 rounded-full transition hover:bg-ink disabled:opacity-10', currentScreenKey === path ? 'bg-ink' : 'bg-ink-faint' )} /> diff --git a/interface/app/onboarding/new-library.tsx b/interface/app/onboarding/new-library.tsx index 55b84f9c0..6dac1b8a1 100644 --- a/interface/app/onboarding/new-library.tsx +++ b/interface/app/onboarding/new-library.tsx @@ -55,7 +55,7 @@ export default function OnboardingNewLibrary() { - OR + OR @@ -74,7 +74,7 @@ export default function OnboardingNewLibrary() { - OR + OR diff --git a/interface/app/onboarding/privacy.tsx b/interface/app/onboarding/privacy.tsx index 70bc19311..8b539550f 100644 --- a/interface/app/onboarding/privacy.tsx +++ b/interface/app/onboarding/privacy.tsx @@ -54,7 +54,7 @@ export default function OnboardingPrivacy() { {shareTelemetry.options.map(({ value, heading, description }) => (

{heading}

-

{description}

+

{description}

 ))} diff --git a/interface/app/onboarding/start.tsx b/interface/app/onboarding/start.tsx index 66fbf77b0..5e5883a7a 100644 --- a/interface/app/onboarding/start.tsx +++ b/interface/app/onboarding/start.tsx @@ -7,7 +7,7 @@ export default function OnboardingStart() { -

+

The file explorer from the future.

diff --git a/interface/app/style.scss b/interface/app/style.scss index 9b55924ff..8a82d3e46 100644 --- a/interface/app/style.scss +++ b/interface/app/style.scss @@ -61,7 +61,7 @@ body { @apply rounded-[6px] bg-transparent; } &::-webkit-scrollbar-thumb { - @apply bg-app-box rounded-[6px]; + @apply rounded-[6px] bg-app-box; } } .page-scroll { @@ -73,7 +73,7 @@ body { @apply my-[10px] rounded-[6px] bg-transparent; } &::-webkit-scrollbar-thumb { - @apply bg-app-box rounded-[6px]; + @apply rounded-[6px] bg-app-box; } } .inspector-scroll { @@ -86,7 +86,7 @@ body { @apply my-[8px] bg-transparent; } &::-webkit-scrollbar-thumb { - @apply bg-app/70 rounded-[6px] opacity-0; + @apply rounded-[6px] bg-app/70 opacity-0; } &:hover { &::-webkit-scrollbar-thumb { diff --git a/interface/components/PasswordMeter.tsx b/interface/components/PasswordMeter.tsx index f7ba676f9..9215031eb 100644 --- a/interface/components/PasswordMeter.tsx +++ b/interface/components/PasswordMeter.tsx @@ -24,7 +24,7 @@ export const PasswordMeter = (props: PasswordMeterProps) => { {scoreText}
-
+
, y = 1) => { onScroll(); ref.current?.addEventListener('scroll', onScroll); () => ref.current?.removeEventListener('scroll', onScroll); - }, [ref.current, y]); + }, [ref, y]); return { isScrolled }; }; diff --git a/package.json b/package.json index fd769d373..e28ff58b1 100644 --- a/package.json +++ b/package.json @@ -36,8 +36,8 @@ "@trivago/prettier-plugin-sort-imports": "^4.1.1", "cspell": "^6.12.0", "markdown-link-check": "^3.10.3", - "prettier": "^2.8.4", - "prettier-plugin-tailwindcss": "^0.2.5", + "prettier": "^2.8.7", + "prettier-plugin-tailwindcss": "^0.2.6", "rimraf": "^4.1.1", "turbo": "^1.5.5", "turbo-ignore": "^0.3.0", diff --git a/packages/config/eslint/base.js b/packages/config/eslint/base.js index 201aadbfb..d82d3192a 100644 --- a/packages/config/eslint/base.js +++ b/packages/config/eslint/base.js @@ -12,7 +12,6 @@ module.exports = { 'plugin:react/recommended', 'plugin:react-hooks/recommended', 'plugin:@typescript-eslint/recommended', - 'plugin:tailwindcss/recommended', 'prettier', 'turbo' ], @@ -33,19 +32,12 @@ module.exports = { '@typescript-eslint/no-empty-interface': 'off', '@typescript-eslint/no-empty-function': 'off', 'no-control-regex': 'off', - 'no-mixed-spaces-and-tabs': ['warn', 'smart-tabs'], - 'tailwindcss/no-custom-classname': 'off', - 'tailwindcss/no-contradicting-classname': 'warn' + 'no-mixed-spaces-and-tabs': ['warn', 'smart-tabs'] }, ignorePatterns: ['dist', '**/*.js', '**/*.json', 'node_modules'], settings: { react: { version: 'detect' - }, - tailwindcss: { - config: 'packages/ui/style/tailwind.js', - callees: ['classnames', 'clsx', 'ctl', 'cva', 'tw', `twStyle`], - tags: ['tw', 'twStyle'] } } }; diff --git a/packages/config/eslint/reactNative.js b/packages/config/eslint/reactNative.js index adaeafc13..a2e9ce599 100644 --- a/packages/config/eslint/reactNative.js +++ b/packages/config/eslint/reactNative.js @@ -1,5 +1,5 @@ module.exports = { - extends: [require.resolve('./base.js')], + extends: [require.resolve('./base.js'), 'plugin:tailwindcss/recommended'], env: { 'react-native/react-native': true }, @@ -22,11 +22,15 @@ module.exports = { // } ] } - ] + ], + 'tailwindcss/no-custom-classname': 'off', + 'tailwindcss/no-contradicting-classname': 'warn' }, settings: { tailwindcss: { - config: 'apps/mobile/tailwind.config.js' + config: './apps/mobile/tailwind.config.js', + callees: ['classnames', 'clsx', 'ctl', 'cva', 'tw', `twStyle`], + tags: ['tw', 'twStyle'] } } }; diff --git a/packages/config/package.json b/packages/config/package.json index 296bc3d72..d22847ceb 100644 --- a/packages/config/package.json +++ b/packages/config/package.json @@ -10,14 +10,14 @@ "eslint-react.js" ], "devDependencies": { - "@typescript-eslint/eslint-plugin": "^5.51.0", - "@typescript-eslint/parser": "^5.51.0", - "eslint": "^8.33.0", - "eslint-config-prettier": "^8.5.0", - "eslint-config-turbo": "^0.0.7", + "@typescript-eslint/eslint-plugin": "^5.57.0", + "@typescript-eslint/parser": "^5.57.0", + "eslint": "^8.37.0", + "eslint-config-prettier": "^8.8.0", + "eslint-config-turbo": "^1.8.8", "eslint-plugin-react": "^7.32.2", "eslint-plugin-react-hooks": "^4.6.0", - "eslint-plugin-tailwindcss": "^3.8.3", + "eslint-plugin-tailwindcss": "^3.10.3", "vite-plugin-html": "^3.2.0", "vite-plugin-svgr": "^2.2.1" } diff --git a/packages/ui/src/CheckBox.tsx b/packages/ui/src/CheckBox.tsx index c2b08c6be..394b1130e 100644 --- a/packages/ui/src/CheckBox.tsx +++ b/packages/ui/src/CheckBox.tsx @@ -27,11 +27,11 @@ export interface RadixCheckboxProps extends ComponentProps export const RadixCheckbox = (props: RadixCheckboxProps) => (
- + diff --git a/packages/ui/src/ContextMenu.tsx b/packages/ui/src/ContextMenu.tsx index 47f362b16..a5af2294a 100644 --- a/packages/ui/src/ContextMenu.tsx +++ b/packages/ui/src/ContextMenu.tsx @@ -134,7 +134,7 @@ const ItemInternals = ({ icon, label, rightArrow, keybind, iconProps }: ContextM {label && {label}} {keybind && ( - + {keybind} )} diff --git a/packages/ui/src/Dialog.tsx b/packages/ui/src/Dialog.tsx index 03df70eef..aa3f08fc1 100644 --- a/packages/ui/src/Dialog.tsx +++ b/packages/ui/src/Dialog.tsx @@ -147,7 +147,7 @@ export function Dialog({ ({ dialog.onSubmit?.(); setOpen(false); }} - className="bg-app-box border-app-line text-ink shadow-app-shade !pointer-events-auto min-w-[300px] max-w-[400px] rounded-md border" + className="!pointer-events-auto min-w-[300px] max-w-[400px] rounded-md border border-app-line bg-app-box text-ink shadow-app-shade" >
{props.title} - + {props.description} {props.children}
-
+
{form.formState.isSubmitting && }
diff --git a/packages/ui/src/Dropdown.tsx b/packages/ui/src/Dropdown.tsx index 62eb61f25..f1cefc9d3 100644 --- a/packages/ui/src/Dropdown.tsx +++ b/packages/ui/src/Dropdown.tsx @@ -67,7 +67,7 @@ export const Button = forwardRef( {children}