bug in sanksi, navlist, and penetapan sanksi

components/Sanksi/TablePenetapanSanksi.js

@@ -53,7 +53,7 @@ export class TablePenetapanSanksi extends Component {
 											<div className="media-body d-flex">
 												<div>
 													<p>{jp.pelanggaran}</p>
-													<p>TMT : {jp.tmt_bulan} Bulan</p>
+													{/* <p>TMT : {jp.tmt_bulan} Bulan</p> */}
 													<p>Jenis Sanksi Administratif : {jp.label_sanksi}</p>
 												</div>
 											</div>

pages/app/sanksi/proses.js

@@ -140,7 +140,7 @@ class ProsesSanksi extends Component {
 												})}
 												onClick={this.toggleStep("3")}
 											>
-												<h4 className="text-left my-3">3. Penetapan Sanksi</h4>
+												<h4 className="text-left my-3">3. Penetapan Jenis Pelanggaran</h4>
 											</NavLink>
 										</NavItem>
 										<NavItem style={stepNavitemStyle}>
@@ -151,7 +151,7 @@ class ProsesSanksi extends Component {
 												})}
 												onClick={this.toggleStep("4")}
 											>
-												<h4 className="text-left my-3">4. Nomor Surat Keputusan Sanksi</h4>
+												<h4 className="text-left my-3">4. Penetapan Sanksi</h4>
 											</NavLink>
 										</NavItem>
 										<NavItem style={stepNavitemStyle}>
@@ -176,7 +176,7 @@ class ProsesSanksi extends Component {
 											</div>
 											<hr />
 											<div className="d-flex">
-												<Button className="ml-auto color-3e3a8e" color onClick={this.toggleStep("2")}>
+												<Button className="ml-auto btn-login color-3e3a8e" color onClick={this.toggleStep("2")}>
 													<span className="font-color-white">
 														Next
 													</span>
@@ -198,12 +198,12 @@ class ProsesSanksi extends Component {
 											</div>
 											<hr />
 											<div className="d-flex">
-												<Button color className="color-3e3a8e" onClick={this.toggleStep("1")}>
+												<Button color className="btn-login color-3e3a8e" onClick={this.toggleStep("1")}>
 													<span className="font-color-white">
 														Previous
 													</span>
 												</Button>
-												<Button className="ml-auto color-3e3a8e" color onClick={this.toggleStep("3")}>
+												<Button className="ml-auto btn-login color-3e3a8e" color onClick={this.toggleStep("3")}>
 													<span className="font-color-white">
 														Next
 													</span>
@@ -212,17 +212,17 @@ class ProsesSanksi extends Component {
 										</TabPane>
 										<TabPane tabId="3">
 											<div className="pt-3 mb-3">
-												<h2>Penetapan Sanksi</h2>
+												<h2>Penetapan Jenis Pelanggaran</h2>
 												<TablePenetapanSanksi setCheckedData={this.setCheckedData} />
 											</div>
 											<hr />
 											<div className="d-flex">
-												<Button colorclassName="color-3e3a8e" onClick={this.toggleStep("2")}>
+												<Button color className="btn-login color-3e3a8e" onClick={this.toggleStep("2")}>
 													<span className="font-color-white">
 														Previous
 													</span>
 												</Button>
-												<Button className="ml-auto color-3e3a8e" color onClick={this.toggleStep("4")}>
+												<Button className="ml-auto btn-login color-3e3a8e" color onClick={this.toggleStep("4")}>
 													<span className="font-color-white">
 														Next
 													</span>
@@ -231,17 +231,17 @@ class ProsesSanksi extends Component {
 										</TabPane>
 										<TabPane tabId="4">
 											<div className="pt-3 mb-3">
-												<h2>Nomor Surat Keputusan Sanksi</h2>
+												<h2>Penetapan Sanksi</h2>
 												<UploadSurat setUploadSuratSanksi={this.setUploadSuratSanksi} />
 											</div>
 											<hr />
 											<div className="d-flex">
-												<Button color className="color-3e3a8e" onClick={this.toggleStep("3")}>
+												<Button color className="btn-login color-3e3a8e" onClick={this.toggleStep("3")}>
 													<span className="font-color-white">
 														Previous
 													</span>
 												</Button>
-												<Button className="ml-auto color-3e3a8e" color onClick={this.toggleStep("5")}>
+												<Button className="ml-auto btn-login color-3e3a8e" color onClick={this.toggleStep("5")}>
 													<span className="font-color-white">
 														Next
 													</span>
@@ -255,12 +255,12 @@ class ProsesSanksi extends Component {
 											</div>
 											<hr />
 											<div className="d-flex">
-												<Button color="secondary" className="color-3e3a8e" onClick={this.toggleStep("4")}>
+												<Button color className="btn-login color-3e3a8e" onClick={this.toggleStep("4")}>
 													<span className="font-color-white">
 														Previous
 													</span>
 												</Button>
-												<Button className="ml-auto color-3e3a8e" color onClick={this.done}>
+												<Button className="ml-auto btn-login color-3e3a8e" color onClick={this.done}>
 													<span className="font-color-white">
 														Done
 													</span>

styles/app/layout/sidebar.scss

@@ -98,10 +98,14 @@ $scrollbar-wd:                    17px;
         &.active,
         &.open {
             &,
-            >a,
+            >a{
+                background-color: #d8d8e8;
+                font-weight: bold;
+            }
             >.nav-item,
             .sidebar-nav {
-                background-color: #d8d8e8;
+                
+                background-color: #ffffff;
                 color: $sidebar-item-color-active;
             }
             >.nav-item>em,
@@ -146,7 +150,7 @@ $tablet-landscape: 1025px;
             display: block;
             position: relative;
             padding: 10px 20px;
-            padding-left: 53px;
+            padding-left: 45px;
             font-weight: normal;
             background-color: transparent !important;
             color: $sidebar-item-color;

styles/bootstrap/_buttons.scss

@@ -10,13 +10,13 @@ $colortheme : #3e3a8e;
   display: inline-block;
   font-family: $btn-font-family;
   font-weight: $btn-font-weight;
-  color: $colorbutton;
+  color: $body-color;
   text-align: center;
   text-decoration: if($link-decoration == none, null, none);
   white-space: $btn-white-space;
   vertical-align: middle;
   user-select: none;
-  background-color: $colorbutton;
+  background-color: transparent ;
   border: $btn-border-width solid transparent;
   @include button-size(
     $btn-padding-y,
@@ -221,7 +221,7 @@ input[type="button"] {
   &:hover {
     background-color: $colorbutton; opacity: 0.8;
 }
-}
+} //jangan di ubah
 .navbar-color {
   background-color: $colortheme;
 }