From 5b426dce87e9e1dc99085306fa12ab257baec397 Mon Sep 17 00:00:00 2001
From: Joshua Nascimento <joshua.l.nascimento@gmail.com>
Date: Sat, 30 Sep 2023 01:02:09 -0400
Subject: [PATCH] changed position of save to library in tooltip bar

---
 src/views/Game/GameDock.tsx         | 14 ++++----
 src/views/Game/GameLibraryModal.tsx | 56 +++++++++++++++++++----------
 2 files changed, 45 insertions(+), 25 deletions(-)

diff --git a/src/views/Game/GameDock.tsx b/src/views/Game/GameDock.tsx
index 7993f3fb83..07ea2107b0 100644
--- a/src/views/Game/GameDock.tsx
+++ b/src/views/Game/GameDock.tsx
@@ -516,13 +516,6 @@ export function GameDock({
             )}
 
             {/* Add To Library functionality */}
-            {
-                <Tooltip tooltipRequired={tooltipRequired} title={_("Save to Library")}>
-                    <a onClick={showLibraryModal}>
-                        <i className="fa fa-book"></i> {_("Save to Library")}
-                    </a>
-                </Tooltip>
-            }
 
             {sgf_download_enabled && sgf_with_ai_review_url && (
                 <Tooltip tooltipRequired={tooltipRequired} title={_("SGF with AI Review")}>
@@ -531,6 +524,13 @@ export function GameDock({
                     </a>
                 </Tooltip>
             )}
+            {
+                <Tooltip tooltipRequired={tooltipRequired} title={_("Save to Library")}>
+                    <a onClick={showLibraryModal}>
+                        <i className="fa fa-book"></i> {_("Save to Library")}
+                    </a>
+                </Tooltip>
+            }
             {sgf_download_enabled && sgf_with_comments_url && (
                 <Tooltip tooltipRequired={tooltipRequired} title={_("SGF with comments")}>
                     <a href={sgf_with_comments_url} target="_blank">
diff --git a/src/views/Game/GameLibraryModal.tsx b/src/views/Game/GameLibraryModal.tsx
index a57de3de8f..8603012d2a 100644
--- a/src/views/Game/GameLibraryModal.tsx
+++ b/src/views/Game/GameLibraryModal.tsx
@@ -36,6 +36,7 @@ export class GameLibraryModal extends Modal<Events, GameLibraryModalProperties,
             gameName: "",
             collectionName: "",
             collections: [],
+            gameAdded: false,
         };
     }
 
@@ -82,6 +83,7 @@ export class GameLibraryModal extends Modal<Events, GameLibraryModalProperties,
                 post("me/games/sgf/%%", collection[0], gameFile).catch(errorAlerter);
                 this.resetTextFields();
                 this.close(); // Closes modal after creating post request
+                this.setState({ gameAdded: true });
             })
             .catch(errorAlerter);
     }
@@ -107,28 +109,46 @@ export class GameLibraryModal extends Modal<Events, GameLibraryModalProperties,
             <div className="Modal GameLibraryModal">
                 <div className="collection-list">
                     <h1>Libraries</h1>
-                    <input
-                        className="file-name-inputfield"
-                        type="text"
-                        value={this.state.gameName}
-                        onChange={this.setGameName}
-                        placeholder={_("Insert SGF File Name")}
-                    />
+
                     {/* If user has collections in their library map and render them. Otherwise; allow user to create collection */}
                     {this.state.collections.length > 0 ? (
-                        this.state.collections.map((data) => (
-                            <div className="collection-row" key={data.id}>
-                                <span className="cell">
-                                    <h1>{data[1]}</h1>
-                                </span>
-                                <span className="cell">
-                                    <button onClick={() => this.addToLibrary(data)}>add</button>
-                                </span>
-                            </div>
-                        ))
+                        <>
+                            <span>
+                                <i className="fa fa-file" />
+                                <input
+                                    className="file-name-inputfield"
+                                    type="text"
+                                    value={this.state.gameName}
+                                    onChange={this.setGameName}
+                                    placeholder={_("Insert SGF File Name")}
+                                />
+                            </span>
+
+                            {this.state.collections.map((data) => (
+                                <div className="collection-row" key={data.id}>
+                                    <span className="cell">
+                                        <h1>{data[1]}</h1>
+                                    </span>
+                                    <span className="cell">
+                                        <button onClick={() => this.addToLibrary(data)}>add</button>
+                                    </span>
+                                </div>
+                            ))}
+                        </>
                     ) : (
-                        <div>
+                        <div className="collection-row">
+                            <span className="cell">
+                                <i className="fa fa-file" />
+                                <input
+                                    className="file-name-inputfield"
+                                    type="text"
+                                    value={this.state.gameName}
+                                    onChange={this.setGameName}
+                                    placeholder={_("Insert SGF File Name")}
+                                />
+                            </span>
                             <span className="cell">
+                                <i className="fa fa-folder" />
                                 <input
                                     type="text"
                                     value={this.state.collectionName}