Small changes

NicholasKyleHoffman · NicholasKyleHoffman · commit 721117de12a7 · 2021-01-28T11:22:55.000-08:00
- README
- package.json
- button coloring
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "react-crud-hooks-users-table",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "private": true,
-  "homepage": "https://nicholaskylehoffman.github.io/react-hooks-crud/",
+  "homepage": "https://nicholaskylehoffman.github.io/react-crud-hooks-users-table/",
   "dependencies": {
     "bootstrap": "4.6.0",
     "react": "^16.7",
@@ -13,7 +13,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "predeploy": "yarn build",
+    "predeploy": "yarn run build",
     "deploy": "gh-pages -d build",
     "build": "react-scripts build",
     "test": "react-scripts test",
@@ -22,15 +22,10 @@
   "eslintConfig": {
     "extends": "react-app"
   },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
+  "browserslist": [">0.2%", "not dead", "not ie <= 11", "not op_mini all"],
   "devDependencies": {
     "gh-pages": "^2.0.1"
   },
   "keywords": [],
   "description": ""
-}
+}
diff --git a/public/index.html b/public/index.html
@@ -22,7 +22,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>CRUD React Hooks App (Users Table)</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/App.js b/src/App.js
@@ -2,7 +2,6 @@ import React, { useState, Fragment } from "react";
 import UserTable from "./tables/UserTable";
 import AddUserForm from "./forms/AddUserForm";
 import EditUserForm from "./forms/EditUsersForm";
-import Button from "react-bootstrap/Button";
 
 const App = () => {
   const usersData = [
@@ -51,12 +50,12 @@ const App = () => {
 
   return (
     <div className="container">
-      <h1>CRUD React App with Hooks - No Classes</h1>
+      <h1>React CRUD App w/Hooks</h1>
       <div className="flex-row">
         <div className="flex-large">
           {editing ? (
             <Fragment>
-              <h2>Edit user</h2>
+              <h2>Edit User</h2>
               <EditUserForm
                 editing={editing}
                 setEditing={setEditing}
@@ -66,13 +65,13 @@ const App = () => {
             </Fragment>
           ) : (
             <Fragment>
-              <h2>Add user</h2>
+              <h2>Add User</h2>
               <AddUserForm addUser={addUser} />
             </Fragment>
           )}
         </div>
         <div className="flex-large">
-          <h2>View users</h2>
+          <h2>View Users</h2>
           <UserTable users={users} editRow={editRow} deleteUser={deleteUser} />
         </div>
       </div>
diff --git a/src/index.js b/src/index.js
@@ -3,6 +3,5 @@ import ReactDOM from "react-dom";
 import "./index.css";
 import App from "./App";
 import "bootstrap/dist/css/bootstrap.css";
-import Button from "react-bootstrap/Button";
 
 ReactDOM.render(<App />, document.getElementById("root"));
