-
- );
-};
-
-DefaultImageField.args = {
- label: 'My Image',
- description: 'Some explanation',
-} as ImageFieldProps;
diff --git a/packages/react/src/core/ui/components/form/ImageField/ImageField.test.tsx b/packages/react/src/core/ui/components/form/ImageField/ImageField.test.tsx
deleted file mode 100644
index 5e8ce9b2..00000000
--- a/packages/react/src/core/ui/components/form/ImageField/ImageField.test.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import ReactDOM from 'react-dom';
-
-import { ImageField } from './ImageField';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(
- -
-
- - Image File: name={imageFile?.name} size={imageFile?.size} - -
-
- Image Preview:
-
-
-
-
- );
-};
diff --git a/packages/react/src/core/ui/components/form/index.tsx b/packages/react/src/core/ui/components/form/index.tsx
deleted file mode 100644
index c59529d7..00000000
--- a/packages/react/src/core/ui/components/form/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './FormSection/FormSection';
-export * from './ImageField/ImageField';
diff --git a/packages/react/src/core/ui/components/index.ts b/packages/react/src/core/ui/components/index.ts
index 9cf0ea74..43f5ff75 100644
--- a/packages/react/src/core/ui/components/index.ts
+++ b/packages/react/src/core/ui/components/index.ts
@@ -1,2 +1 @@
export * from './elements';
-export * from './form';
diff --git a/packages/react/src/core/wallet/components/ConnectButton.tsx b/packages/react/src/core/wallet/components/ConnectButton.tsx
index 5ea4acf6..def86707 100644
--- a/packages/react/src/core/wallet/components/ConnectButton.tsx
+++ b/packages/react/src/core/wallet/components/ConnectButton.tsx
@@ -1,5 +1,9 @@
import { Web3AuthBaseConnector } from '@flair-sdk/connectors';
-import { ArrowSmDownIcon, ArrowSmUpIcon, XIcon } from '@heroicons/react/solid/esm/index.js';
+import {
+ ArrowSmDownIcon,
+ ArrowSmUpIcon,
+ XIcon,
+} from '@heroicons/react/solid/esm/index.js';
import React, { useEffect, useState } from 'react';
import Modal from 'react-modal';
import { useAccount, useConnect } from 'wagmi';
diff --git a/packages/react/src/core/wallet/components/DisconnectButton.tsx b/packages/react/src/core/wallet/components/DisconnectButton.tsx
index 226b30c8..65ba6df7 100644
--- a/packages/react/src/core/wallet/components/DisconnectButton.tsx
+++ b/packages/react/src/core/wallet/components/DisconnectButton.tsx
@@ -1,24 +1,26 @@
import React from 'react';
import { useDisconnect } from 'wagmi';
-import { SECONDARY_BUTTON } from '../../ui';
+import { BareComponentProps } from '../../../common';
-type Props = {
+type Props = BareComponentProps & {
label?: React.ReactNode;
className?: string;
disabled?: boolean;
};
-export const DisconnectButton = (props: Props) => {
+export const DisconnectButton = ({
+ as,
+ label = 'Disconnect',
+ ...attributes
+}: Props) => {
const { disconnect } = useDisconnect();
+ const Component = as || 'button';
+
return (
-
+
-
- {description ? (
-
-
-
-
-
-
- {imagePreview ? (
-
- ) : (
-
- )}
-
-
-
-
-
-
- or drag and drop
-- Any Videos, Images, HTML up to 50MB -
-{description}
- ) : (
- ''
- )}
-