From 7c2a847024b1580efa93416ab09777eeb582da12 Mon Sep 17 00:00:00 2001
From: Hoaper <beeboplay@gmail.com>
Date: Mon, 19 May 2025 22:38:36 +0500
Subject: [PATCH] playable button

---
 .../src/components/sidebar/sidebar.tsx        | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/components/sidebar/sidebar.tsx b/src/renderer/src/components/sidebar/sidebar.tsx
index f217e62c..ae41d39d 100644
--- a/src/renderer/src/components/sidebar/sidebar.tsx
+++ b/src/renderer/src/components/sidebar/sidebar.tsx
@@ -248,9 +248,22 @@ export function Sidebar() {
           )}
 
           <section className="sidebar__section">
-            <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
-              <small className="sidebar__section-title">{t("my_library")}</small>
-              <button type="button" className={`sidebar__play-button ${showPlayableOnly ? 'sidebar__play-button--active' : ''}`} title={t("playable_button_title")} onClick={handlePlayButtonClick}>
+            <div
+              style={{
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+              }}
+            >
+              <small className="sidebar__section-title">
+                {t("my_library")}
+              </small>
+              <button
+                type="button"
+                className={`sidebar__play-button ${showPlayableOnly ? "sidebar__play-button--active" : ""}`}
+                title={t("playable_button_title")}
+                onClick={handlePlayButtonClick}
+              >
                 <PlayIcon size={16} />
               </button>
             </div>
@@ -265,7 +278,9 @@ export function Sidebar() {
             <ul className="sidebar__menu">
               {filteredLibrary
                 .filter((game) => !game.favorite)
-                .filter((game) => !showPlayableOnly || Boolean(game.executablePath))
+                .filter(
+                  (game) => !showPlayableOnly || Boolean(game.executablePath)
+                )
                 .map((game) => (
                   <SidebarGameItem
                     key={game.id}