From 5828484983e672eef45e5949a271f7d913799bc9 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Thu, 5 Dec 2019 23:22:08 -0800
Subject: [PATCH] Remove LibraryButton

---
 .../MediaLibraryWindow/LibraryButton.tsx         | 16 ----------------
 js/components/MediaLibraryWindow/Sidebar.tsx     |  9 ---------
 js/components/MediaLibraryWindow/TracksTable.tsx |  5 -----
 3 files changed, 30 deletions(-)
 delete mode 100644 js/components/MediaLibraryWindow/LibraryButton.tsx

diff --git a/js/components/MediaLibraryWindow/LibraryButton.tsx b/js/components/MediaLibraryWindow/LibraryButton.tsx
deleted file mode 100644
index 14dedcc4..00000000
--- a/js/components/MediaLibraryWindow/LibraryButton.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-type Props = React.HTMLAttributes<HTMLDivElement>;
-
-// TODO: This should be a `<button>` but I couldn't figure out how to style it with css grid
-const LibraryButton = (props: Props) => {
-  const { children, ...passThroughProps } = props;
-  return (
-    <div className="library-button" {...passThroughProps}>
-      <span className="library-button-left" />
-      <span className="library-button-center">{children}</span>
-      <span className="library-button-right" />
-    </div>
-  );
-};
-
-export default LibraryButton;
diff --git a/js/components/MediaLibraryWindow/Sidebar.tsx b/js/components/MediaLibraryWindow/Sidebar.tsx
index f982471b..ff4d58c1 100644
--- a/js/components/MediaLibraryWindow/Sidebar.tsx
+++ b/js/components/MediaLibraryWindow/Sidebar.tsx
@@ -1,5 +1,4 @@
 import * as React from "react";
-import LibraryButton from "./LibraryButton";
 
 export default class Sidebar extends React.Component {
   render() {
@@ -31,14 +30,6 @@ export default class Sidebar extends React.Component {
             <li>Internet TV</li>
           </ul>
         </div>
-        <LibraryButton
-          style={{
-            width: "100%",
-            marginTop: 1,
-          }}
-        >
-          Library
-        </LibraryButton>
       </div>
     );
   }
diff --git a/js/components/MediaLibraryWindow/TracksTable.tsx b/js/components/MediaLibraryWindow/TracksTable.tsx
index 01f04e9b..a2221d19 100644
--- a/js/components/MediaLibraryWindow/TracksTable.tsx
+++ b/js/components/MediaLibraryWindow/TracksTable.tsx
@@ -4,7 +4,6 @@ import * as Selectors from "../../selectors";
 import { AppState, PlaylistTrack } from "../../types";
 import * as Utils from "../../utils";
 import * as FileUtils from "../../fileUtils";
-import LibraryButton from "./LibraryButton";
 import LibraryTable from "./LibraryTable";
 
 interface StateProps {
@@ -75,10 +74,6 @@ class TracksTable extends React.Component<StateProps, State> {
         />
 
         <div style={{ marginTop: 2 }}>
-          <LibraryButton>Play</LibraryButton>
-          <LibraryButton>Enqueue</LibraryButton>
-          <LibraryButton>Play all</LibraryButton>
-          <LibraryButton>Enqueue all</LibraryButton>
           <span id="webamp-media-library-track-summary-duration">
             1 item [3:25]
           </span>