From 8f77886a21a312b017bc9133494052d347688493 Mon Sep 17 00:00:00 2001
From: Uyadav207 <yadavutkarsh207@gmail.com>
Date: Sat, 27 Mar 2021 00:18:30 +0530
Subject: [PATCH 1/4] fix: React-view render error

---
 src/components/playground/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/playground/index.jsx b/src/components/playground/index.jsx
index e419f13..0780ee9 100644
--- a/src/components/playground/index.jsx
+++ b/src/components/playground/index.jsx
@@ -24,8 +24,8 @@ export default ({ params }) => {
           placeholder={Placeholder}
         />
       </div>
-      <Error msg={params.errorProps.msg} isPopup />
       <Knobs {...params.knobProps} />
+      <Error msg={params.errorProps.msg} />
       <Editor {...params.editorProps} />
       <Error {...params.errorProps} />
       <ActionButtons {...params.actions} />

From b32f020e75e054ec2b553d2bdd76c477645f2ca5 Mon Sep 17 00:00:00 2001
From: Uyadav207 <yadavutkarsh207@gmail.com>
Date: Sat, 27 Mar 2021 14:43:17 +0530
Subject: [PATCH 2/4] code-cleaning minor warnings removal

---
 package.json                                       |  2 +-
 src/components/Footer/index.jsx                    | 10 +---------
 src/components/PropDrawer/index.jsx                |  3 ---
 src/containers/Navigation/index.jsx                |  8 +-------
 src/content/BottomSheet/bottomsheet.playground.jsx |  2 --
 src/content/Icon/icon.playground.jsx               |  2 --
 src/content/Input/input.playground.jsx             |  2 --
 7 files changed, 3 insertions(+), 26 deletions(-)

diff --git a/package.json b/package.json
index 3d559f2..f0dfa52 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "react-native-web-linear-gradient": "^1.1.1",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.1",
-    "react-view": "^2.3.2"
+    "react-view": "^2.3.7"
   },
   "scripts": {
     "start": "react-app-rewired start",
diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx
index e72c007..198eddd 100644
--- a/src/components/Footer/index.jsx
+++ b/src/components/Footer/index.jsx
@@ -1,13 +1,5 @@
 import React from "react";
-import { Link } from "react-router-dom";
-import {
-  Paper,
-  Grid,
-  ListItem,
-  Typography,
-  Button,
-  Divider,
-} from "@material-ui/core";
+import { Grid, Typography, Divider } from "@material-ui/core";
 import pjson from "../../../package.json";
 import styles from "./Footer.module.css";
 
diff --git a/src/components/PropDrawer/index.jsx b/src/components/PropDrawer/index.jsx
index 3d85013..32f5a35 100644
--- a/src/components/PropDrawer/index.jsx
+++ b/src/components/PropDrawer/index.jsx
@@ -1,7 +1,4 @@
 import React from "react";
-import clsx from "clsx";
-import { makeStyles } from "@material-ui/core/styles";
-
 import { Drawer, Fab } from "@material-ui/core";
 
 export default function TemporaryDrawer(props) {
diff --git a/src/containers/Navigation/index.jsx b/src/containers/Navigation/index.jsx
index f154082..7763df6 100644
--- a/src/containers/Navigation/index.jsx
+++ b/src/containers/Navigation/index.jsx
@@ -1,12 +1,6 @@
 import React from "react";
 
-import {
-  BrowserRouter as Router,
-  Switch,
-  Route,
-  Link,
-  Redirect,
-} from "react-router-dom";
+import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import { Helmet } from "react-helmet";
 
 import Footer from "../../components/Footer";
diff --git a/src/content/BottomSheet/bottomsheet.playground.jsx b/src/content/BottomSheet/bottomsheet.playground.jsx
index 355daab..0996394 100644
--- a/src/content/BottomSheet/bottomsheet.playground.jsx
+++ b/src/content/BottomSheet/bottomsheet.playground.jsx
@@ -1,6 +1,4 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { BottomSheet, Text } from "react-native-elements";
 
 import Playground from "../../components/playground";
diff --git a/src/content/Icon/icon.playground.jsx b/src/content/Icon/icon.playground.jsx
index 841c92d..676467d 100644
--- a/src/content/Icon/icon.playground.jsx
+++ b/src/content/Icon/icon.playground.jsx
@@ -1,6 +1,4 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { Icon } from "react-native-elements";
 
 import Playground from "../../components/playground";
diff --git a/src/content/Input/input.playground.jsx b/src/content/Input/input.playground.jsx
index d9bec86..a7c374a 100644
--- a/src/content/Input/input.playground.jsx
+++ b/src/content/Input/input.playground.jsx
@@ -1,6 +1,4 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { Input } from "react-native-elements";
 import Icon from "react-native-vector-icons/dist/MaterialCommunityIcons";
 import Playground from "../../components/playground";

From 1ed0e4c4dbb713ab7ec7eb63e405c2ec8bf0ff8b Mon Sep 17 00:00:00 2001
From: Uyadav207 <yadavutkarsh207@gmail.com>
Date: Sat, 27 Mar 2021 14:48:29 +0530
Subject: [PATCH 3/4] update: Prop-explorer for ListItems

---
 src/content/ListItem/index.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/content/ListItem/index.jsx b/src/content/ListItem/index.jsx
index 9bc172a..c1581e5 100644
--- a/src/content/ListItem/index.jsx
+++ b/src/content/ListItem/index.jsx
@@ -11,6 +11,11 @@ export default function ListItemPlayground() {
   return (
     <div>
       <Playground />
+      <Suspense fallback={<div>Loading...</div>}>
+        <PropDrawer>
+          <Content />
+        </PropDrawer>
+      </Suspense>
     </div>
   );
 }

From efb822e063f3a7726b6a19cad80efe9e52e43d43 Mon Sep 17 00:00:00 2001
From: Uyadav207 <yadavutkarsh207@gmail.com>
Date: Sat, 27 Mar 2021 14:51:45 +0530
Subject: [PATCH 4/4] minors: vars in rating.playground.jsx

---
 src/containers/Navigation/index.jsx         | 2 +-
 src/content/Rating/searchbar.playground.jsx | 3 ---
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/containers/Navigation/index.jsx b/src/containers/Navigation/index.jsx
index 7763df6..257036d 100644
--- a/src/containers/Navigation/index.jsx
+++ b/src/containers/Navigation/index.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
+import { Switch, Route } from "react-router-dom";
 import { Helmet } from "react-helmet";
 
 import Footer from "../../components/Footer";
diff --git a/src/content/Rating/searchbar.playground.jsx b/src/content/Rating/searchbar.playground.jsx
index 2046463..b94a6ca 100644
--- a/src/content/Rating/searchbar.playground.jsx
+++ b/src/content/Rating/searchbar.playground.jsx
@@ -1,10 +1,7 @@
 import * as React from "react";
-import { useState } from "react";
-import { View } from "react-native";
 import { Rating } from "react-native-elements";
 import Playground from "../../components/playground";
 import { useView, PropTypes } from "react-view";
-import SocialIconPlayground from ".";
 
 const RatingPlayground = () => {
   const params = useView({