mirror of
https://github.com/urosran/cally.git
synced 2025-07-16 01:56:16 +00:00
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import { View, Text } from "react-native-ui-lib";
|
|
import React, { useState } from "react";
|
|
import { IBrainDump } from "@/contexts/DumpContext";
|
|
import { TouchableOpacity, TouchableWithoutFeedback } from "react-native-gesture-handler";
|
|
import MoveBrainDump from "./MoveBrainDump";
|
|
|
|
const BrainDumpItem = (props: { item: IBrainDump }) => {
|
|
const [isVisible, setIsVisible] = useState<boolean>(false);
|
|
|
|
return (
|
|
<View>
|
|
<TouchableWithoutFeedback onPress={() => setIsVisible(true)}>
|
|
<View
|
|
backgroundColor="white"
|
|
marginV-5
|
|
paddingH-13
|
|
paddingV-10
|
|
style={{ borderRadius: 15, elevation: 2 }}
|
|
>
|
|
<Text text70B style={{fontSize: 15, fontFamily: 'Manrope_600SemiBold'}} marginB-8>
|
|
{props.item.title}
|
|
</Text>
|
|
<Text text70 style={{fontSize: 13, fontFamily: "Manrope_400Regular", color: '#5c5c5c'}}>{props.item.description}</Text>
|
|
</View>
|
|
</TouchableWithoutFeedback>
|
|
<MoveBrainDump item={props.item} isVisible={isVisible} setIsVisible={setIsVisible} />
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default BrainDumpItem;
|