update

frontend/src/headers/HeaderUser.vue

@@ -41,6 +41,13 @@
           <svg-icon icon="post" class-name="icon" />
           Post
         </button>
+        <div class="form-check form-switch header-switch-container">
+          <input class="form-check-input" type="checkbox" role="switch" id="personal-earning-now-checkbox" disabled>
+          <label class="form-check-label" for="personal-earning-now-checkbox">
+            <span>Providing service</span>
+          </label>
+          <div class="header-switch-desc">Please go to profile page to add money receiving method</div>
+        </div>
       </div>
       <div class="profile-container">
         <img
@@ -214,6 +221,21 @@ export default {
   }
 }
 
+.header-switch-container {
+  position: relative;
+
+  .header-switch-desc {
+    position: absolute;
+    background-color: white;
+    left: 0;
+    bottom: -20px;
+    font-size: 12px;
+    color: #3D455F;
+    white-space: nowrap;
+    padding: 2px 5px;
+  }
+}
+
 .company-logo {
   max-width: 100%;
   max-height: 100%;