1 files changed, 51 insertions, 4 deletions
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx
index 3c473498e..c5dd0eaf5 100644
--- a/src/client/views/PropertiesView.tsx
+++ b/src/client/views/PropertiesView.tsx
@@ -2,7 +2,7 @@ import React = require('react');
 import { IconLookup } from '@fortawesome/fontawesome-svg-core';
 import { faAnchor, faArrowRight, faWindowMaximize } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Checkbox, Tooltip } from '@material-ui/core';
+import { Checkbox, Icon, Tooltip } from '@material-ui/core';
 import { intersection } from 'lodash';
 import { action, computed, Lambda, observable } from 'mobx';
 import { observer } from 'mobx-react';
@@ -34,6 +34,13 @@ import { PropertiesDocBacklinksSelector } from './PropertiesDocBacklinksSelector
 import { PropertiesDocContextSelector } from './PropertiesDocContextSelector';
 import './PropertiesView.scss';
 import { DefaultStyleProvider } from './StyleProvider';
+import { RichTextField } from '../../fields/RichTextField';
+import { AiFillFileText } from "react-icons/ai"
+import {BsCollectionFill, BsFillFileEarmarkImageFill} from "react-icons/bs"
+import { CgBrowser} from "react-icons/cg"
+import { ImageField, VideoField, WebField } from '../../fields/URLField';
+import { FaFileVideo } from 'react-icons/fa';
+import { IconButton } from 'browndash-components';
 const higflyout = require('@hig/flyout');
 export const { anchorPoints } = higflyout;
 export const Flyout = higflyout.default;
@@ -255,10 +262,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
     }
 
     @computed get links() {
-        console.log("this is selected doc" + this.selectedDoc)
-        // console.log("this is selected doc" + this.selectedDoc)
         const selAnchor = this.selectedDocumentView?.anchorViewDoc ?? LinkManager.currentLinkAnchor ?? this.selectedDoc;
-        console.log("this is selAnchor" + selAnchor)
         return !selAnchor ? null : <PropertiesDocBacklinksSelector Document={selAnchor} hideTitle={true} addDocTab={this.props.addDocTab} />;
     }
 
@@ -462,6 +466,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
     };
 
     @computed get editableTitle() {
+
         const titles = new Set<string>();
         SelectionManager.Views().forEach(dv => titles.add(StrCast(dv.rootDoc.title)));
         const title = Array.from(titles.keys()).length > 1 ? '--multiple selected--' : StrCast(this.selectedDoc?.title);
@@ -476,6 +481,45 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
         );
     }
 
+    @computed get currentType() {
+       // const layoutField = this.selectedDoc?.[Doc.LayoutFieldKey(this.selectedDoc)];
+        const documentType = StrCast(this.selectedDoc?.type)
+        //console.log("this is tyoe " + typezzz)
+        var currentType: string = "";
+        var currentTypeComponent =  <BsFillFileEarmarkImageFill/>;
+    
+            currentType = documentType
+           // currentTypeComponent = //c
+         //}// else if (layoutField instanceof ImageField){
+        //     currentType = 'Image'
+        //     currentTypeComponent = <BsFillFileEarmarkImageFill/>
+        // } else if(layoutField instanceof WebField){
+        //     currentType = 'Website'
+        //     currentTypeComponent = <CgBrowser/>
+        // } else if (layoutField instanceof VideoField){
+        //     currentType = 'Video'
+        //     currentTypeComponent = <FaFileVideo/>
+        // }
+        
+        // else{
+        // currentType = 'Collection'
+        // currentTypeComponent = <BsCollectionFill/>
+        // }
+
+        return (
+            <div>
+                <div className = "propertiesView-wordType">Type</div>
+                
+                <div className= "currentType"> 
+                {/* <Icon iconName = "AiFillFileText"></Icon> */}
+                {/* <IconButton icon={StrCast(this.selectedDoc?.systemIcon)}></IconButton> */}
+                {currentType} 
+                </div>
+            </div>
+          
+        )
+    }
+
     @undoBatch
     @action
     setTitle = (value: string) => {
@@ -1420,6 +1464,9 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
                         </div>
                         <div className="propertiesView-name">{this.editableTitle}</div>
 
+                        <div className = "propertiesView-type"> {this.currentType} </div>
+                        
+
                         {this.contextsSubMenu}
 
                         {this.linksSubMenu}