From a26f7793c7626da5551774ac9911db1da34affec Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Thu, 13 Oct 2022 13:41:27 -0400
Subject: added renaming of dashboards.  fixed bug with pin button script.

---
 src/client/views/DashboardView.tsx | 26 +++++---------------------
 1 file changed, 5 insertions(+), 21 deletions(-)

(limited to 'src/client/views/DashboardView.tsx')

diff --git a/src/client/views/DashboardView.tsx b/src/client/views/DashboardView.tsx
index 192e55431..7ebe8d0e3 100644
--- a/src/client/views/DashboardView.tsx
+++ b/src/client/views/DashboardView.tsx
@@ -163,18 +163,7 @@ export class DashboardView extends React.Component {
                 <div className="dashboard-view">
                     <div className="left-menu">
                         <div className="new-dashboard-button">
-                            <Button
-                                icon={<FaPlus />}
-                                hoverStyle="darken"
-                                backgroundColor={Colors.LIGHT_BLUE}
-                                size={Size.MEDIUM}
-                                fontSize={FontSize.HEADER}
-                                text="New"
-                                onClick={() => {
-                                    this.setNewDashboardName('');
-                                }}
-                                borderRadius={50}
-                            />
+                            <Button icon={<FaPlus />} hoverStyle="darken" backgroundColor={Colors.LIGHT_BLUE} size={Size.MEDIUM} fontSize={FontSize.HEADER} text="New" onClick={() => this.setNewDashboardName('')} borderRadius={50} />
                         </div>
                         <div className={`text-button ${this.selectedDashboardGroup === DashboardGroup.MyDashboards && 'selected'}`} onClick={() => this.selectDashboardGroup(DashboardGroup.MyDashboards)}>
                             My Dashboards
@@ -187,19 +176,14 @@ export class DashboardView extends React.Component {
                         {this.getDashboards().map(dashboard => {
                             const href = ImageCast(dashboard.thumb)?.url.href;
                             return (
-                                <div
-                                    className="dashboard-container"
-                                    key={dashboard[Id]}
-                                    onContextMenu={e => {
-                                        this.onContextMenu(dashboard, e);
-                                    }}
-                                    onClick={e => this.clickDashboard(e, dashboard)}>
+                                <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>
+                                        <input style={{ border: 'unset' }} className="input" onClick={e => e.stopPropagation()} defaultValue={StrCast(dashboard.title)} onChange={e => (Doc.GetProto(dashboard).title = (e.target as any).value)} />
                                         {this.selectedDashboardGroup === DashboardGroup.SharedDashboards && this.isUnviewedSharedDashboard(dashboard) ? <div>unviewed</div> : <div></div>}
                                         <div
                                             className="more"
-- 
cgit v1.2.3-70-g09d2

