@towsila/expo-ui-library 1.1.1 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@towsila/expo-ui-library",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "description": "",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/ui/toast.tsx

@@ -26,7 +26,7 @@ export default function Toast({
 }: ToastProps) {
   const { colors } = useAppTheme();
 
-  const translateY = useRef(new Animated.Value(-120)).current;
+  const translateY = useRef(new Animated.Value(-200)).current;
   const opacity = useRef(new Animated.Value(0)).current;
 
   useEffect(() => {
@@ -48,7 +48,7 @@ export default function Toast({
     const timer = setTimeout(() => {
       Animated.parallel([
         Animated.timing(translateY, {
-          toValue: -120,
+          toValue: -200,
           duration: 250,
           useNativeDriver: true,
         }),
@@ -132,6 +132,7 @@ const styles = StyleSheet.create({
 
   container: {
     flexDirection:"row",
+    alignItems: "flex-start",
     gap:10,
     position: "absolute",
     top: 60,
@@ -156,5 +157,6 @@ const styles = StyleSheet.create({
   text: {
     fontFamily: Fonts.montserrat.semiBold,
     fontSize: textSize.sm,
+    flex: 1,
   },
 });

package/src/hooks/useToast.ts

@@ -8,7 +8,7 @@ interface Toast{
     message: string;
 }
 
-export function useToast({visible, type, message}: Toast){
+export function useToast(){
     const [toast, setToast] = useState<Toast>({
     visible: false,
     type: "success",
@@ -17,6 +17,9 @@ export function useToast({visible, type, message}: Toast){
   const showToast = (type: ToastType, message: string)=>{
     setToast({visible: true, type, message});
   }
+  const hideToast = () => {
+    setToast({visible: false, type:"success", message:""})
+  }
 
-  return{toast, showToast}
+  return{toast, showToast, hideToast}
 }