From 34ceba97bb514b22d2f130762f52ef81bea73511 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Mon, 8 Feb 2021 08:47:04 -0500
Subject: [PATCH] remove ButtonPanel

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 src/renderer/components/button/button-panel.scss |  3 ---
 src/renderer/components/button/button-panel.tsx  | 13 -------------
 src/renderer/components/button/index.ts          |  1 -
 src/renderer/ipc/index.tsx                       |  6 +++---
 4 files changed, 3 insertions(+), 20 deletions(-)
 delete mode 100644 src/renderer/components/button/button-panel.scss
 delete mode 100644 src/renderer/components/button/button-panel.tsx

diff --git a/src/renderer/components/button/button-panel.scss b/src/renderer/components/button/button-panel.scss
deleted file mode 100644
index fc908eea0f..0000000000
--- a/src/renderer/components/button/button-panel.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.ButtonPannel button:not(:last-of-type) {
-    margin-right: $margin;
-}
diff --git a/src/renderer/components/button/button-panel.tsx b/src/renderer/components/button/button-panel.tsx
deleted file mode 100644
index 79d87791ba..0000000000
--- a/src/renderer/components/button/button-panel.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import "./button-panel.scss";
-import React from "react";
-
-export function ButtonPannel(props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) {
-  return (
-    <>
-      <br />
-      <div className="ButtonPannel flex row align-right box grow">
-        {props.children}
-      </div>
-    </>
-  );
-}
diff --git a/src/renderer/components/button/index.ts b/src/renderer/components/button/index.ts
index ca2091adc2..98d55acde6 100644
--- a/src/renderer/components/button/index.ts
+++ b/src/renderer/components/button/index.ts
@@ -1,2 +1 @@
 export * from "./button";
-export * from "./button-panel";
diff --git a/src/renderer/ipc/index.tsx b/src/renderer/ipc/index.tsx
index 13dce37a2d..991d9b7616 100644
--- a/src/renderer/ipc/index.tsx
+++ b/src/renderer/ipc/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { ipcRenderer, IpcRendererEvent } from "electron";
 import { areArgsUpdateAvailableFromMain, UpdateAvailableChannel, onCorrect, UpdateAvailableFromMain, BackchannelArg } from "../../common/ipc";
 import { Notifications, notificationsStore } from "../components/notifications";
-import { Button, ButtonPannel } from "../components/button";
+import { Button } from "../components/button";
 import { isMac } from "../../common/vars";
 import * as uuid from "uuid";
 
@@ -37,10 +37,10 @@ function UpdateAvailableHandler(event: IpcRendererEvent, ...[backchannel, update
       <>
         <b>Update Available</b>
         <p>Version {updateInfo.version} of Lens IDE is now available. Would you like to update?</p>
-        <ButtonPannel>
+        <div className="flex gaps row align-left box grow">
           <RenderYesButtons backchannel={backchannel} notificationId={notificationId} />
           <Button active outlined label="No" onClick={() => sendToBackchannel(backchannel, notificationId, { doUpdate: false })} />
-        </ButtonPannel>
+        </div>
       </>
     ), {
       id: notificationId,