From b389a71d8edf4d3c5d383e16e7dd2f1ae09c4b79 Mon Sep 17 00:00:00 2001
From: KraXen72 <dpelech1@gmail.com>
Date: Mon, 10 Jun 2024 13:53:16 +0200
Subject: [PATCH] add animation to collapsibletext

---
 src/components/CollapsibleText.tsx | 6 +++++-
 src/screens/MintInfoScreen.tsx     | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/CollapsibleText.tsx b/src/components/CollapsibleText.tsx
index 57059809..b1181f9c 100644
--- a/src/components/CollapsibleText.tsx
+++ b/src/components/CollapsibleText.tsx
@@ -4,6 +4,7 @@ import { Text, TextProps } from "./Text"
 import { translate } from "../i18n"
 import { useThemeColor } from "../theme"
 import { Icon } from "./Icon"
+import { LayoutAnimation } from "react-native"
 
 interface CollapsibleProps {
   summary?: string
@@ -17,7 +18,10 @@ const maxLines = 50
 
 export const CollapsibleText = (props: CollapsibleProps) => {
   const [collapsed, setCollapsed] = useState(props?.collapsed ?? false)
-  const toggleCollapse = () => setCollapsed(!collapsed)
+  const toggleCollapse = () => {
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
+    setCollapsed(!collapsed)
+  }
   const textDim = useThemeColor('textDim')
 
   let summary = props?.summary
diff --git a/src/screens/MintInfoScreen.tsx b/src/screens/MintInfoScreen.tsx
index 7750fd3c..25270b36 100644
--- a/src/screens/MintInfoScreen.tsx
+++ b/src/screens/MintInfoScreen.tsx
@@ -70,7 +70,7 @@ function DescriptionCard(props: {info: GetInfoResponse}) {
         <CollapsibleText
           collapsed={true}
           summary={props.info.description}
-          text={props.info?.description_long ?? ''}
+          text={props.info?.description_long || ''}
         />
       ) : (
         <Text