Hide filter pills from the examples screen (#181)

* Hide filter pills from the examples page * Fix TextInput import on iOS Co-authored-by: Ansh Godha <[email protected]>
MLH-Fellowship · Jul 29, 2020 · 317ef58 · 317ef58
1 parent 81d0199
commit 317ef58
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/packages/RNTester/js/components/RNTesterExampleContainer.js b/packages/RNTester/js/components/RNTesterExampleContainer.js
@@ -86,6 +86,7 @@ class RNTesterExampleContainer extends React.Component {
         documentationURL={module.documentationURL}>
         <RNTesterExampleFilter
           testID="example_search"
+          hideFilterPills={true}
           sections={sections}
           filter={filter}
           render={({filteredSections}) =>

diff --git a/packages/RNTester/js/components/RNTesterExampleFilter.js b/packages/RNTester/js/components/RNTesterExampleFilter.js
@@ -21,6 +21,7 @@ type Props = {
   sections: Object,
   disableSearch?: boolean,
   testID?: string,
+  hideFilterPills?: boolean,
   ...
 };
 
@@ -98,11 +99,13 @@ class RNTesterExampleFilter extends React.Component<Props, State> {
                 testID={this.props.testID}
                 value={this.state.filter}
               />
-              <RNTesterListFilters
-                onFilterButtonPress={filterLabel =>
-                  this.setState({category: filterLabel})
-                }
-              />
+              {!this.props.hideFilterPills && (
+                <RNTesterListFilters
+                  onFilterButtonPress={(filterLabel) =>
+                    this.setState({category: filterLabel})
+                  }
+                />
+              )}
             </View>
           );
         }}

diff --git a/packages/RNTester/js/utils/RNTesterList.ios.js b/packages/RNTester/js/utils/RNTesterList.ios.js
@@ -162,7 +162,7 @@ const ComponentExamples: Array<RNTesterExample> = [
   },
   {
     key: 'TextInputExample',
-    module: require('../examples/TextInput/TextInputExample.ios'),
+    module: require('../examples/TextInput/TextInputExample'),
     category: 'Basic',
     supportsTVOS: true,
   },