feat: Add Liquidate view

src/components/Layout/index.tsx

@@ -6,6 +6,7 @@ import {
   GithubOutlined,
   BankOutlined,
   LogoutOutlined,
+  LoginOutlined,
   HomeOutlined,
   RocketOutlined,
 } from "@ant-design/icons";
@@ -25,7 +26,8 @@ export const AppLayout = (props: any) => {
     "/dashboard": "2",
     "/deposit": "3",
     "/borrow": "4",
-    "/faucet": "4",
+    "/liquidate": "5",
+    "/faucet": "6",
   };
 
   const current =
@@ -92,8 +94,17 @@ export const AppLayout = (props: any) => {
                   {LABELS.MENU_BORROW}
                 </Link>
               </Menu.Item>
+              <Menu.Item key="5" icon={<LoginOutlined />}>
+                <Link
+                  to={{
+                    pathname: "/liquidate",
+                  }}
+                >
+                  {LABELS.MENU_LIQUIDATE}
+                </Link>
+              </Menu.Item>              
               {env !== "mainnet-beta" && (
-                <Menu.Item key="5" icon={<RocketOutlined />}>
+                <Menu.Item key="6" icon={<RocketOutlined />}>
                   <Link
                     to={{
                       pathname: "/faucet",

src/constants/labels.ts

@@ -17,6 +17,7 @@ export const LABELS = {
   NO_LOANS_NO_DEPOSITS: "No loans or deposits.",
   MENU_DEPOSIT: "Deposit",
   MENU_BORROW: "Borrow",
+  MENU_LIQUIDATE: "Liquidate",
   MENU_FAUCET: "Faucet",
   APP_TITLE: "Oyster Lending",
   CONNECT_BUTTON: "Connect",

src/routes.tsx

@@ -18,6 +18,7 @@ import {
   RepayReserveView,
   ReserveView,
   WithdrawView,
+  LiquidateView,
 } from "./views";
 
 export function Routes() {
@@ -61,6 +62,11 @@ export function Routes() {
                         path="/repay/:reserve"
                         children={<RepayReserveView />}
                       />
+                      <Route
+                        exact
+                        path="/liquidate"
+                        children={<LiquidateView />}
+                      />
                       <Route exact path="/faucet" children={<FaucetView />} />
                     </Switch>
                   </AppLayout>

src/views/index.tsx

@@ -8,3 +8,4 @@ export { ReserveView } from "./reserve";
 export { WithdrawView } from "./withdraw";
 export { FaucetView } from "./faucet";
 export { RepayReserveView } from "./repayReserve";
+export { LiquidateView } from "./liquidate";

src/views/liquidate/index.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+
+export const LiquidateView = () => {
+
+  return (
+    <div>
+      <div>Liquidation</div>
+    </div>
+
+  );
+
+};