Browse Source

Page 404 created

pocu46 3 years ago
parent
commit
3e1061df96

+ 6 - 1
hipstagram/src/App.js

@@ -11,6 +11,7 @@ import Login from "./Content/Login/Login";
 import Registration from "./Content/Registration/Registration";
 import Users from "./Content/Users/users";
 import Messages from "./Content/Messages/messages";
+import Page404 from "./Components/404_Page/404_Page";
 
 function App() {
     return (
@@ -21,7 +22,7 @@ function App() {
                 <Navigation />
 
                 <div className="app-wrapper-content">
-                    <Redirect exact from="/" to="/profile" />
+                    {/* <Redirect exact from="/" to="/profile" /> */}
                     <Route
                         path="/profile"
                         render={() => <Profile />}
@@ -34,6 +35,10 @@ function App() {
                         path="/users"
                         render={() => <Users /> }
                     />
+                    <Route
+                        path="/404"
+                        render={() => <Page404 /> }
+                    />
                     <Route path="/news" component={News} />
                     <Route path="/music" component={Music} />
                     <Route path="/settings" component={Settings} />

+ 21 - 0
hipstagram/src/Components/404_Page/404_Page.css

@@ -0,0 +1,21 @@
+.page404-wrapper {
+    background: cadetblue;
+    border: 2px solid #3578e5;
+    border-radius: 5px;
+}
+
+.page404-number {
+    text-align: center;
+    font-weight: 500;
+    font-size: 246px;
+    font-style: italic;
+}
+
+.page404-text {
+    text-align: center;
+    font-weight: 350;
+    font-size: 46px;
+    font-style: italic;
+    color: #a81111;
+    padding-bottom: 46px;
+}

+ 19 - 0
hipstagram/src/Components/404_Page/404_Page.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import './404_Page.css';
+
+const Page404 = () => {
+    return (
+        <div className='page404-wrapper'>
+            <div className='page404-number'>
+                404
+            </div>
+
+            <div className='page404-text'>
+                Ooops... something went wrong
+            </div>
+
+        </div>
+    )
+}
+
+export default Page404;