minor tweaks to UI

.github/workflows/build.yml

@@ -55,7 +55,6 @@ jobs:
           prerelease: true
           title: "Automatedd Release"
           files: |
-            src-tauri/target/release/bundle/macos/deckagog.app.tar.gz
             src-tauri/target/release/bundle/deb/deckagog_0.0.0_amd64.deb
             src-tauri/target/release/bundle/appimage/deckagog_0.0.0_amd64.AppImage
             src-tauri/target/release/bundle/msi/deckagog_0.0.0_x64_en-US.msi

src/App.jsx

@@ -88,7 +88,7 @@ function App () {
         setCount(g.length)
         return Promise.all(g.map(id => gog.details(id)))
       }).then(r => {
-        const n = r.filter(g => !g?.message)
+        const n = r.filter(g => !g?.message && g?._embedded.productType === 'GAME')
         setCount(n.length)
         setGames(n)
       })
@@ -111,6 +111,9 @@ function App () {
       {currentDetails !== false && (
         <div className='infoPage'>
           {/* <a href='#' className='back' onClick={() => setCurrentDetails(false)}>BACK</a> */}
+          <h1 className='detail_title' style={{ backgroundImage: `url(${games[currentDetails]?._links?.galaxyBackgroundImage?.href})` }}>{games[currentDetails]?._embedded?.product?.title}</h1>
+          <button>Install</button>
+          <div className='description' dangerouslySetInnerHTML={{ __html: games[currentDetails].overview }} />
           <pre>{JSON.stringify(games[currentDetails], null, 2)}</pre>
         </div>
       )}

src/style.css

@@ -37,3 +37,29 @@
     margin-left: 10px;
     grid-template-columns: repeat(8, 1fr);
 }
+
+.detail_title {
+    background-size:  cover;
+    line-height:  200px;
+    text-align: center;
+    text-shadow: 2px 2px black;
+    margin:  0;
+}
+
+button {
+    font-size:  30px;
+    background:  black;
+    color:  white;
+    border: 0;
+    padding:  10px 20px;
+    margin:  20px;
+    cursor:  pointer;
+}
+
+.description img {
+    max-width:  100%;
+}
+
+.description {
+    padding:  20px;
+}