update sidebar
This commit is contained in:
parent
018fcbcb5c
commit
5dd29814be
|
@ -1,78 +1,13 @@
|
|||
import { setupReactNative, Stack, styled, Text } from '@tamagui/core'
|
||||
// import { focusableInputHOC } from '@tamagui/focusable'
|
||||
import { TextInput } from 'react-native'
|
||||
import { Stack, styled, Text } from '@tamagui/core'
|
||||
|
||||
import { Avatar } from '../avatar'
|
||||
import { Button } from '../button'
|
||||
import { Image } from '../image'
|
||||
|
||||
import type { GetProps } from '@tamagui/core'
|
||||
|
||||
// import { inputSizeVariant } from '../helpers/inputHelpers'
|
||||
|
||||
setupReactNative({
|
||||
TextInput,
|
||||
})
|
||||
|
||||
export const InputFrame = styled(
|
||||
TextInput,
|
||||
{
|
||||
tag: 'input',
|
||||
name: 'Input',
|
||||
// fontFamily: '$body',
|
||||
borderWidth: 1,
|
||||
outlineWidth: 0,
|
||||
borderColor: 'rgba(0, 200, 0, 1)',
|
||||
|
||||
paddingHorizontal: 30,
|
||||
color: 'hsla(218, 51%, 7%, 1)',
|
||||
placeholderTextColor: 'hsla(219, 17%, 69%, 1)',
|
||||
// color: 'red',
|
||||
// color: '$color',
|
||||
// focusable: true,
|
||||
// borderColor: '$borderColor',
|
||||
// backgroundColor: '$background',
|
||||
// placeholderTextColor: '$placeholderColor',
|
||||
|
||||
backgroundColor: 'rgb(255, 255, 255)',
|
||||
|
||||
height: 40,
|
||||
borderRadius: 12,
|
||||
|
||||
// this fixes a flex bug where it overflows container
|
||||
minWidth: 0,
|
||||
|
||||
// hoverStyle: {
|
||||
// borderColor: '$borderColorHover',
|
||||
// },/
|
||||
|
||||
// focusStyle: {
|
||||
// // borderColor: '$borderColorFocus',
|
||||
// borderWidth: 2,
|
||||
// marginHorizontal: -1,
|
||||
// },
|
||||
|
||||
// variants: {
|
||||
// size: {
|
||||
// // '...size': inputSizeVariant,
|
||||
// },
|
||||
// } as const,
|
||||
|
||||
// defaultVariants: {
|
||||
// size: '$true',
|
||||
// },
|
||||
}
|
||||
// {
|
||||
// isInput: true,
|
||||
// }
|
||||
)
|
||||
|
||||
const Name = styled(Text, {})
|
||||
|
||||
const Desc = styled(Text, {})
|
||||
|
||||
export type InputProps = GetProps<typeof InputFrame>
|
||||
|
||||
interface Props {
|
||||
name: string
|
||||
description: string
|
||||
|
@ -113,5 +48,4 @@ const _Sidebar = (props: Props) => {
|
|||
)
|
||||
}
|
||||
|
||||
// export const Input = focusableInputHOC(InputFrame)
|
||||
export const Sidebar = _Sidebar
|
||||
|
|
Loading…
Reference in New Issue