From 950440f9c73746867454e20f0e5c3a38297728b9 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Thu, 16 Jun 2022 09:28:00 -0400
Subject: added unviewed shared dashboards to dashboard view

---
 src/client/views/DashboardView.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

(limited to 'src/client/views')

diff --git a/src/client/views/DashboardView.tsx b/src/client/views/DashboardView.tsx
index 9f497dcbf..a105e0790 100644
--- a/src/client/views/DashboardView.tsx
+++ b/src/client/views/DashboardView.tsx
@@ -15,6 +15,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { ContextMenuProps } from "./ContextMenuItem";
 import { simulateMouseClick } from "../../Utils";
 import { SharingManager } from "../util/SharingManager";
+import { CollectionViewType } from "./collections/CollectionView";
 
 enum DashboardGroup {
       MyDashboards, SharedDashboards
@@ -54,6 +55,11 @@ export class DashboardView extends React.Component {
             }
       }
 
+      getSharedDashboards = () => {
+            const sharedDashs = DocListCast(CurrentUserUtils.MySharedDocs.data).filter(doc => doc._viewType === CollectionViewType.Docking);
+            return sharedDashs.filter((dashboard) => !DocListCast(CurrentUserUtils.MySharedDocs.viewed).includes(dashboard))
+      }
+
       createNewDashboard = async (name: string) => {
             const batch = UndoManager.StartBatch("new dash");
             await CurrentUserUtils.createNewDashboard(Doc.UserDoc(), undefined, name);
@@ -129,6 +135,31 @@ export class DashboardView extends React.Component {
                                     </div>
 
                               })}
+                            </div>
+
+                        <div style={{display:"block"}} > UNVIEWED SHARED DASHBOARDS </div>
+                        <div className="all-dashboards">
+                              {this.getSharedDashboards().map((dashboard) => {
+                                    const href = ImageCast((dashboard.thumb as Doc)?.data)?.url.href;
+                                    return <div className="dashboard-container" key={dashboard[Id]}
+                                              onContextMenu={(e) => {this.onContextMenu(dashboard, e)}}  
+                                              onClick={e => this.clickDashboard(e, dashboard)}>
+                                          <img src={href ?? "https://media.istockphoto.com/photos/hot-air-balloons-flying-over-the-botan-canyon-in-turkey-picture-id1297349747?b=1&k=20&m=1297349747&s=170667a&w=0&h=oH31fJty_4xWl_JQ4OIQWZKP8C6ji9Mz7L4XmEnbqRU="}></img>
+                                          <div className="info">
+                                                <div className="title"> {StrCast(dashboard.title)} </div>
+                                                <div className="more" onPointerDown={e => {
+                                                        this._downX = e.clientX;
+                                                        this._downY = e.clientY;
+                                                    }} 
+                                                    onClick={(e) => {this.onContextMenu(dashboard, e)}}
+                                                >
+                                                      <FontAwesomeIcon color="black" size="lg" icon="bars" />
+                                                </div>
+                                          </div>
+
+                                    </div>
+
+                              })}
 
                         </div>
                   </div>
-- 
cgit v1.2.3-70-g09d2