feat:Adding prettier as a dev dependency and formatting the whole code

.github/ISSUE_TEMPLATE/bug_report.md

@@ -26,10 +26,11 @@ Before filling out an issue:
 > We highly recommend that you re-create the bug on [Snack](https://snack.expo.io). If not, list the steps that a reviewer can take to reproduce the behaviour:
 
 Example:
- 
+
 **Snack** : https://snack.expo.io/xxx
 
 - Steps
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'

README.md

@@ -32,26 +32,27 @@
 
 ![React Native Elements UI Toolkit](https://github.com/react-native-elements/playground/blob/master/public/thumbnail.png)
 
-
 ### Installation
 
-
 1. Clone the repo
+
 ```sh
 git clone  https://github.com/react-native-elements/playground.git
 cd playground
 ```
 
 2. Install NPM packages
+
 ```sh
 npm i
 ```
+
 3.  Run the development server
+
 ```sh
 npm start
 ```
 
-
 ## Releated Projects
 
  <a href="https://github.com/react-native-elements/react-native-elements">
@@ -66,19 +67,14 @@ npm start
 
 ## Documentation
 
-[View the full docs of React Native elements  here](https://reactnativeelements.com/docs/overview)
+[View the full docs of React Native elements here](https://reactnativeelements.com/docs/overview)
 
 ## Contributing
 
-
-
-
 Interested in contributing to this repo? Check out our
 [Contributing Guide](https://reactnativeelements.com/docs/contributing)
 and submit a PR for a new feature/bug fix.
 
-
-
 ### First Contributors
 
 We encourage everyone to contribute & submit PR's especially first-time
@@ -92,7 +88,6 @@ an
 or a
 [pull request](https://github.com/react-native-elements/playground/pulls).
 
-
 ### Slack Community
 
 In case you have any other question or would like to come say **Hi!** to the RNE
@@ -158,5 +153,3 @@ Do you use React Native Elements in production? If so, consider supporting this
 [![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/17/avatar)](https://opencollective.com/react-native-elements/sponsor/17/website)
 [![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/18/avatar)](https://opencollective.com/react-native-elements/sponsor/18/website)
 [![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/19/avatar)](https://opencollective.com/react-native-elements/sponsor/19/website)
-
-

package.json

@@ -31,7 +31,8 @@
     "eject": "react-scripts eject",
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build",
-    "postinstall": "patch-package"
+    "postinstall": "patch-package",
+    "format": "prettier --write \"**/*.{js,jsx,json,md}\""
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -54,6 +55,7 @@
     "gh-pages": "^3.1.0",
     "patch-package": "^6.2.2",
     "postinstall-postinstall": "^2.1.0",
+    "prettier": "^2.2.1",
     "react-app-rewired": "^2.1.6"
   }
 }

public/manifest.json

@@ -16,7 +16,7 @@
       "src": "logo512.png",
       "type": "image/png",
       "sizes": "512x512"
-    }	    
+    }
   ],
   "start_url": ".",
   "display": "standalone",

src/App.js

@@ -1,5 +1,8 @@
 import React from "react";
-import { SafeAreaInsetsContext, SafeAreaProvider } from 'react-native-safe-area-context';
+import {
+  SafeAreaInsetsContext,
+  SafeAreaProvider,
+} from "react-native-safe-area-context";
 
 import Root from "./containers";
 import "./App.css";

src/App.test.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./App";
 
-it('renders without crashing', () => {
-  const div = document.createElement('div');
+it("renders without crashing", () => {
+  const div = document.createElement("div");
   ReactDOM.render(<App />, div);
   ReactDOM.unmountComponentAtNode(div);
 });

src/components/playground/index.jsx

@@ -15,7 +15,7 @@ export default ({ params }) => {
       <div
         style={{
           border: "1px dashed #ccc",
-          position:'relative'
+          position: "relative",
         }}
       >
         <Compiler

src/containers/Drawer/index.jsx

@@ -77,7 +77,7 @@ function ResponsiveDrawer(props) {
   const [selectedIndex, setSelectedIndex] = React.useState(-1);
 
   const handleDrawerToggle = (value) => {
-    if(value === false){
+    if (value === false) {
       setMobileOpen(false);
     } else {
       setMobileOpen(true);

src/content/Slider/slider.playground.jsx

@@ -11,7 +11,6 @@ import {
 import Playground from "../../components/playground";
 import { useView, PropTypes } from "react-view";
 
-
 const SliderPlayground = () => {
   const params = useView({
     componentName: "Slider",

src/content/Tile/index.jsx

@@ -7,4 +7,4 @@ export default function TilePlayground() {
       <Playground />
     </div>
   );
-};
+}

src/content/utils/createReactViewBaseConfig.js

@@ -1,9 +1,11 @@
 export default function createReactViewBaseConfig(componentName, RNComponent) {
   if (!componentName || !RNComponent) {
-    throw new Error('createBaseComponent needs a componentName name and RNComponent');
+    throw new Error(
+      "createBaseComponent needs a componentName name and RNComponent"
+    );
   }
 
-  return ({
+  return {
     componentName,
     scope: {
       RNComponent,
@@ -13,5 +15,5 @@ export default function createReactViewBaseConfig(componentName, RNComponent) {
         named: [componentName],
       },
     },
-  });
+  };
 }

src/index.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-import 'react-native-safe-area-context';
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./App";
+import * as serviceWorker from "./serviceWorker";
+import "react-native-safe-area-context";
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(<App />, document.getElementById("root"));
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.