antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

some css

Browse Source
This commit is contained in:
Anton 2023-08-22 19:42:06 +02:00
parent a68d4951af
commit 24e8c984d8
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Components/Map/Subcomponents/ItemFormPopup.tsx
View File

@ -4,8 +4,8 @@ import { Popup as LeafletPopup, useMap } from 'react-leaflet'
import { useEffect, useRef, useState } from 'react'
import { useAddItem, useUpdateItem } from '../hooks/useItems'
import { Geometry, LayerProps, Item, ItemsApi } from '../../../types'
import {TextAreaInput} from '../../Input/TextAreaInput'
import {TextInput} from '../../Input/TextInput'
import { TextAreaInput } from '../../Input/TextAreaInput'
import { TextInput } from '../../Input/TextInput'
export interface ItemFormPopupProps {
position: LatLng,
@ -76,7 +76,7 @@ export function ItemFormPopup(props: ItemFormPopupProps) {
<LeafletPopup minWidth={275} maxWidth={275} autoPanPadding={[20, 5]}
eventHandlers={{
remove: () => {
setTimeout(function() {
setTimeout(function () {
resetPopup()
}, 100);
@ -84,14 +84,17 @@ export function ItemFormPopup(props: ItemFormPopupProps) {
}}
position={props.position}>
<form ref={formRef} onReset={resetPopup} onSubmit={e => handleSubmit(e)}>
{props.item ? <div className='tw-h-2'></div>
:
<div className='tw-flex tw-justify-center'><b className="tw-text-xl tw-font-bold">New {props.layer.name}</b></div>
<TextInput type="text" placeholder="Name" dataField="name" defaultValue={props.item ? props.item.name : ""} inputStyle=''/>
}
<TextInput type="text" placeholder="Name" dataField="name" defaultValue={props.item ? props.item.name : ""} inputStyle='' />
{props.children ?
React.Children.toArray(props.children).map((child) =>
React.isValidElement<{ item: Item, test: string }>(child) ?
React.cloneElement(child, { item: props.item}) : ""
React.cloneElement(child, { item: props.item }) : ""
)
: