add animation to collapsibletext

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

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