From cb44e6b8d0df94db11c13524d3dc2056b1f37a4b Mon Sep 17 00:00:00 2001
From: MangoCubes <10383115+MangoCubes@users.noreply.github.com>
Date: Fri, 14 Jul 2023 17:58:59 +0900
Subject: [PATCH 1/3] Added back button in contacts

---
 src/Contacts/Main.tsx | 65 ++++++++++++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 26 deletions(-)

diff --git a/src/Contacts/Main.tsx b/src/Contacts/Main.tsx
index 478bf022..c5c94435 100644
--- a/src/Contacts/Main.tsx
+++ b/src/Contacts/Main.tsx
@@ -6,8 +6,9 @@ import { Switch, Route, useHistory } from "react-router";
 
 import * as Etebase from "etebase";
 
-import { Button, useTheme } from "@material-ui/core";
+import { Button, IconButton, useTheme } from "@material-ui/core";
 import IconEdit from "@material-ui/icons/Edit";
+import ArrowBack from "@material-ui/icons/ArrowBack";
 import IconChangeHistory from "@material-ui/icons/ChangeHistory";
 
 import { ContactType, PimType } from "../pim-types";
@@ -202,31 +203,43 @@ export default function ContactsMain() {
                 path={routeResolver.getRoute("pim.contacts._id")}
                 exact
               >
-                <div style={{ textAlign: "right", marginBottom: 15 }}>
-                  <Button
-                    variant="contained"
-                    style={styles.button}
-                    onClick={() =>
-                      history.push(routeResolver.getRoute("pim.contacts._id.log", { itemUid: getItemNavigationUid(item) }))
-                    }
-                  >
-                    <IconChangeHistory style={styles.leftIcon} />
-                    Change History
-                  </Button>
-
-                  <Button
-                    color="secondary"
-                    variant="contained"
-                    disabled={readOnly}
-                    style={{ ...styles.button, marginLeft: 15 }}
-                    onClick={() =>
-                      history.push(routeResolver.getRoute(path, { itemUid: getItemNavigationUid(item) }))
-                    }
-                  >
-                    <IconEdit style={styles.leftIcon} />
-                    Edit
-                  </Button>
-
+                <div style={{ marginBottom: 15, display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+                  <div>
+                    <IconButton
+                      size="small"
+                      onClick={() => 
+                        history.push(routeResolver.getRoute(`pim.contacts`))
+                      }
+                    >
+                      <ArrowBack />
+                    </IconButton>
+                  </div>
+                  <div>
+                    <Button
+                      variant="contained"
+                      style={styles.button}
+                      onClick={() =>
+                        history.push(routeResolver.getRoute("pim.contacts._id.log", { itemUid: getItemNavigationUid(item) }))
+                      }
+                    >
+                      <IconChangeHistory style={styles.leftIcon} />
+                      Change History
+                    </Button>
+
+                    <Button
+                      color="secondary"
+                      variant="contained"
+                      disabled={readOnly}
+                      style={{ ...styles.button, marginLeft: 15 }}
+                      onClick={() =>
+                        history.push(routeResolver.getRoute(path, { itemUid: getItemNavigationUid(item) }))
+                      }
+                    >
+                      <IconEdit style={styles.leftIcon} />
+                      Edit
+                    </Button>
+
+                  </div>
                 </div>
                 <Contact item={item} />
               </Route>

From 91a5479697cf45f73022b8bbc33ed0b875c0d914 Mon Sep 17 00:00:00 2001
From: MangoCubes <10383115+MangoCubes@users.noreply.github.com>
Date: Fri, 14 Jul 2023 17:59:38 +0900
Subject: [PATCH 2/3] Added back button in tasks

---
 src/Tasks/Main.tsx | 64 +++++++++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 26 deletions(-)

diff --git a/src/Tasks/Main.tsx b/src/Tasks/Main.tsx
index e8d973eb..3de4a299 100644
--- a/src/Tasks/Main.tsx
+++ b/src/Tasks/Main.tsx
@@ -6,9 +6,10 @@ import { Switch, Route, useHistory } from "react-router";
 
 import * as Etebase from "etebase";
 
-import { Button, useTheme } from "@material-ui/core";
+import { Button, IconButton, useTheme } from "@material-ui/core";
 import IconEdit from "@material-ui/icons/Edit";
 import IconChangeHistory from "@material-ui/icons/ChangeHistory";
+import ArrowBack from "@material-ui/icons/ArrowBack";
 
 import { TaskType, PimType } from "../pim-types";
 import { useCredentials } from "../credentials";
@@ -168,31 +169,42 @@ export default function TasksMain() {
                 path={routeResolver.getRoute("pim.tasks._id")}
                 exact
               >
-                <div style={{ textAlign: "right", marginBottom: 15 }}>
-                  <Button
-                    variant="contained"
-                    style={styles.button}
-                    onClick={() =>
-                      history.push(routeResolver.getRoute("pim.tasks._id.log", { itemUid: getItemNavigationUid(item) }))
-                    }
-                  >
-                    <IconChangeHistory style={styles.leftIcon} />
-                    Change History
-                  </Button>
-
-                  <Button
-                    color="secondary"
-                    variant="contained"
-                    disabled={readOnly}
-                    style={{ ...styles.button, marginLeft: 15 }}
-                    onClick={() =>
-                      history.push(routeResolver.getRoute("pim.tasks._id.edit", { itemUid: getItemNavigationUid(item) }))
-                    }
-                  >
-                    <IconEdit style={styles.leftIcon} />
-                    Edit
-                  </Button>
-
+                <div style={{ marginBottom: 15, display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+                  <div>
+                    <IconButton
+                      size="small"
+                      onClick={() => 
+                        history.push(routeResolver.getRoute(`pim.tasks`))
+                      }
+                    >
+                      <ArrowBack />
+                    </IconButton>
+                  </div>
+                  <div>
+                    <Button
+                      variant="contained"
+                      style={styles.button}
+                      onClick={() =>
+                        history.push(routeResolver.getRoute("pim.tasks._id.log", { itemUid: getItemNavigationUid(item) }))
+                      }
+                    >
+                      <IconChangeHistory style={styles.leftIcon} />
+                      Change History
+                    </Button>
+                    
+                    <Button
+                      color="secondary"
+                      variant="contained"
+                      disabled={readOnly}
+                      style={{ ...styles.button, marginLeft: 15 }}
+                      onClick={() =>
+                        history.push(routeResolver.getRoute("pim.tasks._id.edit", { itemUid: getItemNavigationUid(item) }))
+                      }
+                    >
+                      <IconEdit style={styles.leftIcon} />
+                      Edit
+                    </Button>
+                  </div>
                 </div>
                 <Task item={item} />
               </Route>

From 181ce9d1ec1b10e9eae4974473f42850463ea95e Mon Sep 17 00:00:00 2001
From: MangoCubes <10383115+MangoCubes@users.noreply.github.com>
Date: Fri, 14 Jul 2023 18:00:24 +0900
Subject: [PATCH 3/3] Added back button in calendars page

---
 src/Calendars/Main.tsx | 89 ++++++++++++++++++++++++------------------
 1 file changed, 51 insertions(+), 38 deletions(-)

diff --git a/src/Calendars/Main.tsx b/src/Calendars/Main.tsx
index 280c3ede..e2613301 100644
--- a/src/Calendars/Main.tsx
+++ b/src/Calendars/Main.tsx
@@ -6,10 +6,11 @@ import { Switch, Route, useHistory } from "react-router";
 
 import * as Etebase from "etebase";
 
-import { Button, useTheme } from "@material-ui/core";
+import { Button, IconButton, useTheme } from "@material-ui/core";
 import IconEdit from "@material-ui/icons/Edit";
 import IconDuplicate from "@material-ui/icons/FileCopy";
 import IconChangeHistory from "@material-ui/icons/ChangeHistory";
+import ArrowBack from "@material-ui/icons/ArrowBack";
 
 import { EventType, PimType } from "../pim-types";
 import { useCredentials } from "../credentials";
@@ -198,44 +199,56 @@ export default function CalendarsMain() {
                 path={routeResolver.getRoute("pim.events._id")}
                 exact
               >
-                <div style={{ textAlign: "right", marginBottom: 15 }}>
-                  <Button
-                    variant="contained"
-                    style={styles.button}
-                    onClick={() =>
-                      history.push(routeResolver.getRoute("pim.events._id.log", { itemUid: getItemNavigationUid(item) }))
-                    }
-                  >
-                    <IconChangeHistory style={styles.leftIcon} />
-                    Change History
-                  </Button>
-
-                  <Button
-                    color="secondary"
-                    variant="contained"
-                    disabled={readOnly}
-                    style={{ ...styles.button, marginLeft: 15 }}
-                    onClick={() =>
-                      history.push(routeResolver.getRoute("pim.events._id.edit", { itemUid: getItemNavigationUid(item) }))
-                    }
-                  >
-                    <IconEdit style={styles.leftIcon} />
-                    Edit
-                  </Button>
-
-                  <Button
-                    color="secondary"
-                    variant="contained"
-                    disabled={readOnly}
-                    style={{ ...styles.button, marginLeft: 15 }}
-                    onClick={() =>
-                      history.push(routeResolver.getRoute("pim.events._id.duplicate", { itemUid: getItemNavigationUid(item) }))
-                    }
-                  >
-                    <IconDuplicate style={styles.leftIcon} />
-                    Duplicate
-                  </Button>
+                <div style={{ marginBottom: 15, display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+                  <div>
+                    <IconButton
+                      size="small"
+                      onClick={() => 
+                        history.push(routeResolver.getRoute(`pim.events`))
+                      }
+                    >
+                      <ArrowBack />
+                    </IconButton>
+                  </div>
+                  <div>
+                    <Button
+                      variant="contained"
+                      style={styles.button}
+                      onClick={() =>
+                        history.push(routeResolver.getRoute("pim.events._id.log", { itemUid: getItemNavigationUid(item) }))
+                      }
+                    >
+                      <IconChangeHistory style={styles.leftIcon} />
+                      Change History
+                    </Button>
 
+                    <Button
+                      color="secondary"
+                      variant="contained"
+                      disabled={readOnly}
+                      style={{ ...styles.button, marginLeft: 15 }}
+                      onClick={() =>
+                        history.push(routeResolver.getRoute("pim.events._id.edit", { itemUid: getItemNavigationUid(item) }))
+                      }
+                    >
+                      <IconEdit style={styles.leftIcon} />
+                      Edit
+                    </Button>
+
+                    <Button
+                      color="secondary"
+                      variant="contained"
+                      disabled={readOnly}
+                      style={{ ...styles.button, marginLeft: 15 }}
+                      onClick={() =>
+                        history.push(routeResolver.getRoute("pim.events._id.duplicate", { itemUid: getItemNavigationUid(item) }))
+                      }
+                    >
+                      <IconDuplicate style={styles.leftIcon} />
+                      Duplicate
+                    </Button>
+
+                  </div>
                 </div>
                 <Event item={item} />
               </Route>