destructure props in CollapsibleSection

software-mansion-labs · Nov 9, 2023 · e2d0ba1 · e2d0ba1
1 parent 97fde1b
commit e2d0ba1
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/CollapsibleSection/index.tsx b/src/components/CollapsibleSection/index.tsx
@@ -14,7 +14,7 @@ type CollapsibleSectionProps = ChildrenProps & {
     title: string;
 };
 
-function CollapsibleSection(props: CollapsibleSectionProps) {
+function CollapsibleSection({title, children}: CollapsibleSectionProps) {
     const [isExpanded, setIsExpanded] = useState(false);
 
     /**
@@ -32,21 +32,21 @@ function CollapsibleSection(props: CollapsibleSectionProps) {
                 onPress={toggleSection}
                 style={[styles.pb4, styles.flexRow]}
                 role={CONST.ACCESSIBILITY_ROLE.BUTTON}
-                accessibilityLabel={props.title}
+                accessibilityLabel={title}
                 hoverDimmingValue={1}
                 pressDimmingValue={0.2}
             >
                 <Text
                     style={[styles.flex1, styles.textStrong, styles.userSelectNone]}
                     dataSet={{[CONST.SELECTION_SCRAPER_HIDDEN_ELEMENT]: true}}
                 >
-                    {props.title}
+                    {title}
                 </Text>
                 <Icon src={src} />
             </PressableWithFeedback>
             <View style={styles.collapsibleSectionBorder} />
             <Collapsible isOpened={isExpanded}>
-                <View>{props.children}</View>
+                <View>{children}</View>
             </Collapsible>
         </View>
     );