feat: coop demos (#53)

Former-commit-id: 8356729d273b41a4f8082266c1d8c7b4a4f6b04e

1 files changed, 12 insertions, 1 deletions

diff --git a/frontend/src/components/pages/summary.js b/frontend/src/components/pages/summary.js
index 4fc30a8..4758c8e 100644
--- a/frontend/src/components/pages/summary.js
+++ b/frontend/src/components/pages/summary.js
@@ -424,10 +424,21 @@ return (
                         <span> </span>
                         <span>{TicksToTime(r.score_time)}</span>
                         <span className='hover-popup' popup-text={r.record_date.replace("T",' ').split(".")[0]}>{ TimeAgo(new Date(r.record_date.replace("T"," ").replace("Z",""))) }</span>
+                        
+                        {lbData.data.map.is_coop?(
+                        <span>
+                            <button onClick={()=>{window.alert(`Host demo ID: ${r.host_demo_id} \nParnter demo ID: ${r.partner_demo_id}`)}}><img src={img13} alt="demo_id" /></button>
+                            <button onClick={()=>window.location.href=`https://lp.ardapektezol.com/api/v1/demos?uuid=${r.partner_demo_id}`}><img src={img12} alt="download" style={{filter:"hue-rotate(160deg) contrast(60%) saturate(1000%)"}}/></button>
+                            <button onClick={()=>window.location.href=`https://lp.ardapektezol.com/api/v1/demos?uuid=${r.host_demo_id}`}><img src={img12} alt="download" style={{filter:"hue-rotate(300deg) contrast(60%) saturate(1000%)"}}/></button>
+                        </span>
+                        ):(
+
                         <span>
-                            <button onClick={()=>{window.alert(r.demo_id)}}><img src={img13} alt="demo_id" /></button>
+                            <button onClick={()=>{window.alert(`Demo ID: ${r.demo_id}`)}}><img src={img13} alt="demo_id" /></button>
                             <button onClick={()=>window.location.href=`https://lp.ardapektezol.com/api/v1/demos?uuid=${r.demo_id}`}><img src={img12} alt="download" /></button>
                         </span>
+                            )}
+                    {console.log(lbData)}
                     </span>
                     ))}
             </div>