From 558d3c09f68f18b9586e1de301b26c38d26dc60c Mon Sep 17 00:00:00 2001
From: Tariqul <tariqulshawon64@gmail.com>
Date: Sun, 21 Mar 2021 21:26:43 +0600
Subject: [PATCH] Fix some UI design and text for look more professional

---
 package-lock.json               | 12 ++++++------
 src/containers/Drawer/index.jsx | 25 ++++++++++++-------------
 src/index.js                    |  4 ++--
 src/pages/home/index.jsx        | 10 +++++-----
 4 files changed, 25 insertions(+), 26 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ef31ed4..69ded77 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2066,9 +2066,9 @@
       }
     },
     "@types/react-native": {
-      "version": "0.63.51",
-      "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.63.51.tgz",
-      "integrity": "sha512-lpJdBF7T/nZigbequu7p4NptZmTUKq8R7vRADkk00H8DR5igspL10B1F58MvNTu8o/TyqzPISyWoRARqaIy+mw==",
+      "version": "0.64.0",
+      "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.64.0.tgz",
+      "integrity": "sha512-yys0k6tNby1VxEVfuxpaJRUChMer7lvnxSQfK6EtpxV8rtNk8boo/nQJkUoXgIi0mdhC1pj72flztdkj6wOHPA==",
       "requires": {
         "@types/react": "*"
       }
@@ -12225,9 +12225,9 @@
       }
     },
     "react-native-elements": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.3.0.tgz",
-      "integrity": "sha512-GNvS7/26WNo0ovZ2vQWRFWJxhyDeBrGakFSX0aCey69B6KtZQh8gaFGF6CutlRjMzVfZTHGU2+0NS8A0dNWhAA==",
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.3.2.tgz",
+      "integrity": "sha512-bDWQt0WEuJEOrwzSYx0mVBV3aoRtJAsK0Kc2sioMsshSEhPOZK17Ccx+EvLBSpZ9uWxPyx42Z7hUH/8dQNu67g==",
       "requires": {
         "@types/react-native-vector-icons": "^6.4.6",
         "color": "^3.1.2",
diff --git a/src/containers/Drawer/index.jsx b/src/containers/Drawer/index.jsx
index 9a040a7..1ad9a80 100644
--- a/src/containers/Drawer/index.jsx
+++ b/src/containers/Drawer/index.jsx
@@ -1,26 +1,25 @@
-import React from "react";
-import PropTypes from "prop-types";
+import { Button, Container } from "@material-ui/core";
 import AppBar from "@material-ui/core/AppBar";
 import CssBaseline from "@material-ui/core/CssBaseline";
-
 import Drawer from "@material-ui/core/Drawer";
 import Hidden from "@material-ui/core/Hidden";
 import IconButton from "@material-ui/core/IconButton";
-
 import List from "@material-ui/core/List";
 import ListItem from "@material-ui/core/ListItem";
-import { GitHub } from "@material-ui/icons";
 import ListItemText from "@material-ui/core/ListItemText";
-
-import MenuIcon from "@material-ui/icons/Menu";
+import { makeStyles, useTheme } from "@material-ui/core/styles";
 import Toolbar from "@material-ui/core/Toolbar";
 import Typography from "@material-ui/core/Typography";
-import { Button, Container } from "@material-ui/core";
-import { makeStyles, useTheme } from "@material-ui/core/styles";
-
-import Navigation from "../Navigation";
+import { GitHub } from "@material-ui/icons";
+import MenuIcon from "@material-ui/icons/Menu";
+import PropTypes from "prop-types";
+import React from "react";
 import { Link } from "react-router-dom";
-import { Components_Index } from "../Navigation";
+import Navigation, { Components_Index } from "../Navigation";
+
+
+
+
 
 const drawerWidth = 200;
 
@@ -92,7 +91,7 @@ function ResponsiveDrawer(props) {
     <div>
       <div style={{ padding: "0.5rem" }}>
         <Link to="/">
-          <Typography variant="h5">Playground 🚀</Typography>
+          <Typography variant="h5">Playground</Typography>
         </Link>
       </div>
       <List>
diff --git a/src/index.js b/src/index.js
index 56839a6..94f41ba 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,9 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
+import 'react-native-safe-area-context';
 import App from './App';
+import './index.css';
 import * as serviceWorker from './serviceWorker';
-import 'react-native-safe-area-context';
 
 ReactDOM.render(<App />, document.getElementById('root'));
 
diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index cc061af..f3de5f7 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -1,9 +1,9 @@
+import { Button, Divider, Grid, Paper, Typography } from "@material-ui/core";
 import React from "react";
-import { Typography, Grid, Paper, Divider, Button } from "@material-ui/core";
 import { Link } from "react-router-dom";
-
 import LBannerAnimation from "./animation.jsx";
 
+
 function HomePage() {
   return (
     <div>
@@ -32,7 +32,7 @@ function HomePage() {
       </Grid>
       <div style={{ width: "100%", textAlign: "center", marginBottom: "2rem" }}>
         <Link to="/explore">
-          <Button variant="outlined" color="secondary">
+          <Button variant="outlined" color="primary">
             <Typography variant="h6">Explore Now 🌇</Typography>
           </Button>
         </Link>
@@ -107,7 +107,7 @@ const FEATURES_LIST = [
   {
     banner: require("../../assets/SVG/design.svg"),
     title: "Design",
-    content: "From Design -> Code.",
+    content: "From Design to Code.",
   },
   {
     banner: require("../../assets/SVG/tweak.svg"),
@@ -122,6 +122,6 @@ const FEATURES_LIST = [
   {
     banner: require("../../assets/SVG/bootstrap.svg"),
     title: "Bootstrap",
-    content: "Shhh... Generate code, bootstrap applications and relax.",
+    content: "Generate code, bootstrap applications and relax.",
   },
 ];