From 923e63c0453e76a8ff69da9382368a5c9dfb4ebd Mon Sep 17 00:00:00 2001
From: Keavon Chambers <keavon@keavon.com>
Date: Fri, 25 Jun 2021 00:38:32 -0700
Subject: [PATCH] Separate Graphite header logo from menu bar

---
 .../src/components/widgets/inputs/MenuBarInput.vue  | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/client/web/src/components/widgets/inputs/MenuBarInput.vue b/client/web/src/components/widgets/inputs/MenuBarInput.vue
index 1def90c4..91a07f55 100644
--- a/client/web/src/components/widgets/inputs/MenuBarInput.vue
+++ b/client/web/src/components/widgets/inputs/MenuBarInput.vue
@@ -1,5 +1,10 @@
 <template>
 	<div class="menu-bar-input">
+		<div class="entry-container">
+			<div @click="handleLogoClick(entry)" class="entry">
+				<Icon :icon="'GraphiteLogo'" />
+			</div>
+		</div>
 		<div class="entry-container" v-for="entry in menuEntries" :key="entry">
 			<div @click="handleEntryClick(entry)" class="entry" :class="{ open: entry.ref && entry.ref.isOpen() }" data-hover-menu-spawner>
 				<Icon :icon="entry.icon" v-if="entry.icon" />
@@ -63,11 +68,6 @@ import { MenuDirection } from "../floating-menus/FloatingMenu.vue";
 const wasm = import("../../../../wasm/pkg");
 
 const menuEntries: MenuListEntries = [
-	{
-		icon: "GraphiteLogo",
-		ref: undefined,
-		children: [[{ label: "Visit project GitHub…", action: () => window.open("https://github.com/GraphiteEditor/Graphite", "_blank") }]],
-	},
 	{
 		label: "File",
 		ref: undefined,
@@ -148,6 +148,9 @@ export default defineComponent({
 			if (menuEntry.ref) menuEntry.ref.setOpen();
 			else throw new Error("The menu bar floating menu has no associated ref");
 		},
+		handleLogoClick() {
+			window.open("https://www.graphite.design", "_blank");
+		},
 		actionNotImplemented() {
 			alert("This action is not yet implemented");
 		},