feat: add color and menu button for toolbar in profile page

akmalhisyammm · Nov 15, 2021 · 4b4d2fe · 4b4d2fe
1 parent 7a92437
commit 4b4d2fe
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/pages/main/profile/EditProfile.tsx b/src/pages/main/profile/EditProfile.tsx
@@ -5,7 +5,7 @@ const EditProfile: React.FC = () => {
   return (
     <IonPage>
       <IonHeader>
-        <IonToolbar>
+        <IonToolbar color="danger">
           <IonTitle>Edit Profil</IonTitle>
           <IonButtons slot="start">
             <IonBackButton defaultHref="/"/>

diff --git a/src/pages/main/profile/Profile.tsx b/src/pages/main/profile/Profile.tsx
@@ -1,11 +1,14 @@
-import { IonAvatar, IonButton, IonCol, IonContent, IonGrid, IonHeader, IonInput, IonItem, IonLabel, IonList, IonPage, IonRow, IonTitle, IonToolbar } from '@ionic/react';
+import { IonAvatar, IonButton, IonButtons, IonCol, IonContent, IonGrid, IonHeader, IonInput, IonItem, IonLabel, IonList, IonMenuButton, IonPage, IonRow, IonTitle, IonToolbar } from '@ionic/react';
 
 const Profile: React.FC = () => {
   return (
     <IonPage>
       <IonHeader>
-        <IonToolbar>
+        <IonToolbar color="danger">
           <IonTitle slot="start">Profil Saya</IonTitle>
+          <IonButtons slot="start">
+            <IonMenuButton />
+          </IonButtons>
         </IonToolbar>
       </IonHeader>