remove wip component

packages/app/src/settings/tap_share/index.jsx

@@ -15,17 +15,12 @@ import StepsContext from "./context"
 
 import "./index.less"
 
-const RegisterNewTagSteps = [
-    CheckRegister,
-    DataEditor,
-    TagWritter,
-    Success,
-]
+const RegisterNewTagSteps = [CheckRegister, DataEditor, TagWritter, Success]
 
 const RegisterNewTag = (props) => {
 	const [step, setStep] = React.useState(0)
 	const [stepsValues, setStepsValues] = React.useState({
-        ...props.tagData ?? {}
+		...(props.tagData ?? {}),
 	})
 
 	const nextStep = () => {
@@ -55,42 +50,42 @@ const RegisterNewTag = (props) => {
 			setStepsValues((stepsValues) => {
 				return {
 					...stepsValues,
-                    [key]: value
+					[key]: value,
 				}
 			})
 		},
 		onFinish: finish,
 		nfcReader: app.cores.nfc.instance(),
-        close: props.close
+		close: props.close,
 	}
 
 	if (props.tagData) {
-        return <div className="tap-share-register">
+		return (
+			<div className="tap-share-register">
 				<div className="tap-share-register-content">
 					<StepsContext.Provider value={StepsContextValue}>
-                    <DataEditor
-                        onFinish={finish}
-                    />
+						<DataEditor onFinish={finish} />
 					</StepsContext.Provider>
 				</div>
 			</div>
+		)
 	}
 
 	if (app.cores.nfc.incompatible) {
-        return <antd.Result
+		return (
+			<antd.Result
 				status="error"
 				title="Error"
 				subTitle="Your device doesn't support NFC."
 			/>
+		)
 	}
 
-    return <div
-        className={classnames(
-            "tap-share-register",
-            {
-                ["compact"]: step > 0
-            }
-        )}
+	return (
+		<div
+			className={classnames("tap-share-register", {
+				["compact"]: step > 0,
+			})}
 		>
 			<div className="tap-share-register-header">
 				<antd.Button
@@ -98,35 +93,30 @@ const RegisterNewTag = (props) => {
 					onClick={prevStep}
 					disabled={step === 0}
 					icon={<Icons.MdChevronLeft />}
-                className={classnames(
-                    "tap-share-register-header-back",
-                    {
-                        ["hidden"]: step === 0
-                    }
-                )}
+					className={classnames("tap-share-register-header-back", {
+						["hidden"]: step === 0,
+					})}
 				/>
 
 				<div className="tap-share-register-header-icon">
 					<Icons.MdNfc />
 				</div>
 
-            <h1>
-                Register new tag
-            </h1>
+				<h1>Register new tag</h1>
 			</div>
 
 			<div className="tap-share-register-content">
 				<StepsContext.Provider value={StepsContextValue}>
-                {
-                    React.createElement(RegisterNewTagSteps[step])
-                }
+					{React.createElement(RegisterNewTagSteps[step])}
 				</StepsContext.Provider>
 			</div>
 		</div>
+	)
 }
 
 const TagItem = (props) => {
-    return <div
+	return (
+		<div
 			key={props.tag.serialNumber}
 			id={props.tag.serialNumber}
 			className="tap-share-own_tags-item"
@@ -136,20 +126,13 @@ const TagItem = (props) => {
 			</div>
 
 			<div className="tap-share-own_tags-item-title">
-            <h4>
-                {props.tag.alias}
-            </h4>
+				<h4>{props.tag.alias}</h4>
 
-            <span>
-                {props.tag.serial}
-            </span>
+				<span>{props.tag.serial}</span>
 			</div>
 
 			<div className="tap-share-own_tags-item-actions">
-            <antd.Button
-                icon={<Icons.MdEdit />}
-                onClick={props.onEdit}
-            />
+				<antd.Button icon={<Icons.MdEdit />} onClick={props.onEdit} />
 				<antd.Button
 					icon={<Icons.MdDelete />}
 					danger
@@ -157,6 +140,7 @@ const TagItem = (props) => {
 				/>
 			</div>
 		</div>
+	)
 }
 
 class OwnTags extends React.Component {
@@ -172,13 +156,12 @@ class OwnTags extends React.Component {
 			loading: true,
 		})
 
-        const result = await NFCModel.getOwnTags()
-            .catch((err) => {
+		const result = await NFCModel.getOwnTags().catch((err) => {
 			console.error(err)
 			this.setState({
 				error: err.message,
 				loading: false,
-                    data: null
+				data: null,
 			})
 			return false
 		})
@@ -190,24 +173,24 @@ class OwnTags extends React.Component {
 		this.setState({
 			loading: false,
 			data: result,
-            error: null
+			error: null,
 		})
 	}
 
 	handleOpenEditor = (props) => {
 		this.setState({
-            editorOpen: true
+			editorOpen: true,
 		})
 
 		OpenTagEditor({
 			...props,
 			onFinish: () => {
 				this.setState({
-                    editorOpen: false
+					editorOpen: false,
 				})
 
 				this.loadData()
-            }
+			},
 		})
 	}
 
@@ -226,7 +209,7 @@ class OwnTags extends React.Component {
 						app.message.error(err.message)
 						return false
 					})
-            }
+			},
 		})
 	}
 
@@ -245,12 +228,14 @@ class OwnTags extends React.Component {
 		})
 
 		if (!ownedTag) {
-            app.message.error("This tag is not registered or you don't have permission to edit it.")
+			app.message.error(
+				"This tag is not registered or you don't have permission to edit it.",
+			)
 			return false
 		}
 
 		return this.handleOpenEditor({
-            tag: ownedTag
+			tag: ownedTag,
 		})
 	}
 
@@ -267,43 +252,43 @@ class OwnTags extends React.Component {
 	render() {
 		console.log(this.state)
 		if (this.state.loading) {
-            return <div className="tap-share-own_tags">
+			return (
+				<div className="tap-share-own_tags">
 					<antd.Skeleton />
 				</div>
+			)
 		}
 
 		if (!this.state.data) {
-            return <antd.Empty
-                description="You don't have any tags yet."
-            />
+			return <antd.Empty description="You don't have any tags yet." />
 		}
 
-        return <div className="tap-share-own_tags">
-            {
-                this.state.data.length === 0 && <antd.Empty
-                    description="You don't have any tags yet."
-                />
-            }
+		return (
+			<div className="tap-share-own_tags">
+				{this.state.data.length === 0 && (
+					<antd.Empty description="You don't have any tags yet." />
+				)}
 
-            {
-                this.state.data.length > 0 && this.state.data.map((tag) => {
-                    return <TagItem
+				{this.state.data.length > 0 &&
+					this.state.data.map((tag) => {
+						return (
+							<TagItem
 								key={tag.serialNumber}
 								tag={tag}
 								onEdit={() => {
 									this.handleOpenEditor({
-                                tag: tag
+										tag: tag,
 									})
 								}}
 								onDelete={() => {
 									this.handleTagDelete(tag)
 								}}
 							/>
-                })
-            }
+						)
+					})}
 
-            {
-                app.isMobile && <antd.Button
+				{app.isMobile && (
+					<antd.Button
 						type="primary"
 						icon={<Icons.FiPlus />}
 						onClick={() => this.handleOpenEditor({})}
@@ -311,18 +296,22 @@ class OwnTags extends React.Component {
 					>
 						Add new
 					</antd.Button>
-            }
+				)}
 			</div>
+		)
 	}
 }
 
-const OpenTagEditor = ({ tag, onFinish = () => app.navigation.softReload() } = {}) => {
+const OpenTagEditor = ({
+	tag,
+	onFinish = () => app.navigation.softReload(),
+} = {}) => {
 	if (!app.layout.draggable) {
 		return app.layout.drawer.open("tag_register", RegisterNewTag, {
 			props: {
 				onFinish: onFinish,
 				tagData: tag,
-            }
+			},
 		})
 	}
 
@@ -330,19 +319,20 @@ const OpenTagEditor = ({ tag, onFinish = () => app.navigation.softReload() } = {
 		componentProps: {
 			onFinish: onFinish,
 			tagData: tag,
-        }
+		},
 	})
 }
 
 const TapShareRender = () => {
-    return <div className="tap-share-render">
-        {
-            !app.cores.nfc.scanning && app.isMobile && <antd.Alert
+	return (
+		<div className="tap-share-render">
+			{!app.cores.nfc.scanning && app.isMobile && (
+				<antd.Alert
 					type="warning"
 					message="NFC is disabled"
 					description="You can enable it in your device settings."
 				/>
-        }
+			)}
 
 			<div className="tap-share-field">
 				<div className="tap-share-field_header">
@@ -351,28 +341,17 @@ const TapShareRender = () => {
 					</h1>
 				</div>
 
-            {
-                app.cores.nfc.scanning && <span className="tip">
-                    <Icons.MdInfo /> You can quickly edit your tags by tapping them.
+				{app.cores.nfc.scanning && (
+					<span className="tip">
+						<Icons.MdInfo /> You can quickly edit your tags by
+						tapping them.
 					</span>
-            }
+				)}
 
 				<OwnTags />
 			</div>
-
-        <div className="tap-share-field">
-            <div className="tap-share-field_header">
-                <h1>
-                    <Icons.MdBadge /> Your Badge
-                </h1>
-            </div>
-
-            <UserShareBadge
-                user={app.userData}
-                editMode
-            />
-        </div>
 		</div>
+	)
 }
 
 export default {
@@ -380,5 +359,5 @@ export default {
 	icon: "MdNfc",
 	label: "Tap Share",
 	group: "app",
-    render: TapShareRender
+	render: TapShareRender,
 }

packages/app/src/settings/tap_share/index.less

@@ -9,7 +9,7 @@
 		flex-direction: column;
 
 		background-color: var(--background-color-accent);
-        padding: 20px;
+		padding: 15px;
 
 		border-radius: 12px;
 
@@ -102,11 +102,7 @@
 			align-items: center;
 
 			gap: 10px;
-
-
 		}
-
-
 	}
 }