navigasi tombol next

pages/app/index.js

@@ -5,7 +5,6 @@ import ContentWrapper from "@/components/Layout/ContentWrapper";
 import Link from "next/link";
 import Login from "@/components/Main/Login";
 
-
 const menu = [
 	{
 		title: "Home",
@@ -41,7 +40,7 @@ class App extends Component {
 			<div>
 				<Navbar className="navbar-color" expand="md" dark>
 					<NavbarBrand href="/">
-						<img className="img-fluid" src="/static/img/Logo-vputih.png" alt="App Logo" />
+						<img className="img-fluid logo-nav" src="/static/img/Logo-vputih.png" alt="App Logo" />
 						<img className="img-text-vputih" src="/static/img/Logo-text-vputih.png" alt="App Logo" />
 					</NavbarBrand>
 					<NavbarToggler onClick={this.toggleCollapse} />
@@ -86,9 +85,9 @@ class App extends Component {
 										</Button>
 									</Link>
 								</p>
-								<p>
-									<img className="ditbaga-logo" src="/static/img/ditbaga-logo.png" alt="applogo"></img>
-								</p>
+								<div>
+									<img className="ditbaga-logo" src="/static/img/ditbaga-logo.png" alt="applogo" />
+								</div>
 							</Col>
 							<Col>
 								<Login />

pages/app/pelaporan/index.js

@@ -25,7 +25,13 @@ class Pelaporan extends Component {
 		const { pelaporan } = this.state;
 		return (
 			<ContentWrapper>
-				<div className="content-heading">Pelaporan</div>
+				<div className="content-heading">
+					Pelaporan
+					<div className="ml-auto"></div>
+					<Link href="/app/penjadwalan">
+						<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+					</Link>
+				</div>
 				<Row>
 					<Col lg="4">
 						<CaseProgress />

pages/app/pemeriksaan/index.js

@@ -6,6 +6,7 @@ import CaseProgress from "@/components/Main/CaseProgress";
 import TableLaporan from "@/components/Pemeriksaan/TableLaporan";
 import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
+import Link from "next/link";
 
 class Pemeriksaan extends Component {
 	constructor(props) {
@@ -25,7 +26,17 @@ class Pemeriksaan extends Component {
 		const { pelaporan } = this.state;
 		return (
 			<ContentWrapper>
-				<div className="content-heading">Evaluasi</div>
+				<div className="content-heading">
+					<div>Evaluasi</div>
+					<div className="ml-auto">
+						<Link href="/app/penjadwalan">
+							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+						</Link>
+						<Link href="/app/sanksi">
+							<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+						</Link>
+					</div>
+				</div>
 				<Row>
 					<Col lg="4">
 						<CaseProgress />

pages/app/penjadwalan/index.js

@@ -6,6 +6,7 @@ import CaseProgress from "@/components/Main/CaseProgress";
 import TableLaporan from "@/components/Penjadwalan/TableLaporan";
 import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
+import Link from "next/link";
 
 class Penjadwalan extends Component {
 	constructor(props) {
@@ -25,7 +26,17 @@ class Penjadwalan extends Component {
 		const { pelaporan } = this.state;
 		return (
 			<ContentWrapper>
-				<div className="content-heading">Penjadwalan Evaluasi</div>
+				<div className="content-heading">
+					<div>Penjadwalan Evaluasi</div>
+					<div className="ml-auto">
+						<Link href="/app/pelaporan">
+							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+						</Link>
+						<Link href="/app/pemeriksaan">
+							<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+						</Link>
+					</div>
+				</div>
 				<Row>
 					<Col lg="4">
 						<CaseProgress />

pages/app/sanksi/index.js

@@ -6,6 +6,7 @@ import CaseProgress from "@/components/Main/CaseProgress";
 import TableLaporan from "@/components/Sanksi/TableLaporan";
 import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
+import Link from "next/link";
 
 class Sanksi extends Component {
 	constructor(props) {
@@ -25,7 +26,14 @@ class Sanksi extends Component {
 		const { pelaporan } = this.state;
 		return (
 			<ContentWrapper>
-				<div className="content-heading">Sanksi</div>
+				<div className="content-heading">
+					<div>Sanksi</div>
+					<div className="ml-auto">
+						<Link href="/app/pemeriksaan">
+							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+						</Link>
+					</div>
+				</div>
 				<Row>
 					<Col lg="4">
 						<CaseProgress />