\r\n )\r\n }\r\n //FIXME: RENAME, DO BETTER\r\n getOtherTitle = () => {\r\n if(this.state.selectedNote == null)\r\n return this.getTooltipTitle();\r\n else\r\n return (\r\n \"Existing Note\"\r\n )\r\n\r\n }\r\n //FIXME: DO BETTER, RENAME\r\n //FIXME: FIX HEADERS (EG SIMILAR NOTES) AND ALLOW REST TO SCROLL\r\n //FIXME: ADD TOOLTIP WHEN DISABLED\r\n getOtherView = () => {\r\n\r\n //FIXME: THIS DOESNT UPDATE\r\n //Maybe use these? {}} />\r\n if(this.state.selectedNote == null)\r\n {\r\n //FIXME: REFACTOR\r\n let tags = (this.formRef.current == null) ? ((this.currentNote == null) ? null : this.currentNote.tags) : this.formRef.current.getFieldsValue().tags;\r\n let title = (this.formRef.current == null) ? ((this.currentNote == null) ? null : this.currentNote.title) : this.formRef.current.getFieldsValue().title;\r\n\r\n //Key to make it re-render when we switch from edit to add FIXME: DO BETTER\r\n return (\r\n <>\r\n (\r\n \r\n {\r\n this.setState({selectedNote:item});\r\n //console.log('sn', item);\r\n }}>\r\n {item.title}\r\n \r\n \r\n )}>\r\n \r\n \r\n )\r\n }\r\n else\r\n {\r\n\r\n //if(this.formRef.current != null)\r\n // console.log('fr', this.formRef.current.getFieldsValue());\r\n return (\r\n <>\r\n \r\n \r\n )\r\n }\r\n }\r\n\r\n getDeleteButton = () => {\r\n return (\r\n \r\n } />\r\n \r\n )\r\n }\r\n\r\n\r\n render() {\r\n // let otherView = this.getOtherView();\r\n//FIXME: MAKE BOTH COLS SAME HEIGHT\r\n//FIXME: LAYOUT, MAKE THINGS APART SEE SAMPLE\r\n//FIXME: MAKE WARNINGS SHOW ON TAB SWITCH>\r\n//FIXME: HIDE TAGGER\r\n //FIXME: DO A CHECK HERE, OR IS THERE NO REASON TO? IS THE ONLY REASON FOR AN UPDATE A PAGE REFRESH?\r\n this.updatePage(); //Make sure we match the page\r\n\r\n let titleTxt = (this.state.selectedNote == null) ? ((this.currentNote == null) ? \"Create a New Entry\" : \"Edit Note\") : \"Merge and Compare\";\r\n let currText = (this.currentNote == null) ? \"Create a New Note\" : \"Current Note\"; //FIXME: MAKE SURE DELETE NOTES?\r\n\r\n let initVals = (this.currentNote == null) ? null : {title:this.currentNote.title, tags:this.currentNote.tags, contents:this.currentNote.body};\r\n //initialValues={{title:this.state.selectedNote.title, tags:this.state.selectedNote.tags, contents:this.state.selectedNote.body}}\r\n // console.log('iv', this.currentNote);\r\n let extra = (this.currentNote == null) ? null : this.getDeleteButton();\r\n\r\n //Set row key to try to force re-construction when we switch from edit to add\r\n return (\r\n <>\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\n\r\nexport default AboutPanel;\r\n","import React from 'react';\r\nimport { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { addNote } from '../actions/noteActions'\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nimport { EditOutlined } from '@ant-design/icons';\r\n\r\nimport { Card, Tag, Button, Tooltip, List, Row, Col, PageHeader } from 'antd';\r\nimport ReactMarkdown from 'react-markdown'\r\n\r\nimport {noteSuggestions} from '../../util/SearchUtils';\r\n\r\nimport InfoTooltip from '../functional/InfoTooltip'\r\n\r\n//https://github.com/remarkjs/react-markdown //FIXME: ADD EVERYWHERE\r\nimport {Prism as SyntaxHighlighter} from 'react-syntax-highlighter'\r\nimport {vs} from 'react-syntax-highlighter/dist/esm/styles/prism'\r\nconst renderers = {\r\n code: ({language, value}) => {\r\n return \r\n }\r\n}\r\n\r\n\r\n//FIXME: REVIEW!\r\nconst mapStateToProps = (state) => {\r\n return {\r\n notes: state.notes\r\n }\r\n}\r\n\r\n\r\nconst mapDispatchToProps= (dispatch)=>{\r\n\r\n return{\r\n addNote: (note) => { dispatch(addNote(note)) } //FIXME: DO BETTER, RENAME\r\n }\r\n}\r\n\r\n\r\nclass PagePanel extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.updatePage(); //Set the current page\r\n }\r\n\r\n //Used to set the page to correspond to the URL\r\n updatePage = () => {\r\n this.pageid = this.props.match.params.pageid;\r\n\r\n for(let pg of this.props.notes)\r\n if(this.pageid === pg.uuid) //FIXME: USE THIS SORT OF THING MORE\r\n {\r\n this.currentNote = pg;\r\n break;\r\n }\r\n console.log(this.currentNote);\r\n }\r\n\r\n //FIXME: REVIEW\r\n handleClick = (note) => {\r\n //this.props.addNote(note); //FIXME: CHANGE\r\n }\r\n\r\n getEditButton = () => {\r\n return (\r\n \r\n } onClick={() =>{\r\n this.props.history.push(`/edit/${this.currentNote.uuid}/`);\r\n }} />\r\n \r\n )\r\n }\r\n\r\n\r\n getSimilarNotes = () => {\r\n\r\n if(this.currentNote == null)\r\n return; //FIXME: DO BETTER\r\n let tags = this.currentNote.tags;\r\n let title = this.currentNote.title;\r\n\r\n //FIXME: PREVENT CURRENT NOTE FROM SHOWING AS SIMILAR\r\n return (\r\n <>\r\n (\r\n \r\n {\r\n this.props.history.push(`/page/${item.uuid}/`);\r\n }}>\r\n {item.title}\r\n \r\n \r\n )}>\r\n \r\n \r\n )\r\n }\r\n\r\n//FIXME: RENAME, ALSO IN ADD PANEL\r\n getTooltipTitle = () => {\r\n return (\r\n
\r\n Browse Similar Notes \r\n
\r\n )\r\n }\r\n\r\n getPageHeader = (name) => {\r\n return (\r\n {this.props.history.goBack()}} title={name} subTitle=\"\" />\r\n )\r\n }\r\n\r\n //FIXME: MAKE CALL FOR ONLY ONE PAGE\r\n //FIXME: CAN SHOW UP AS UNDER ADD TAB\r\n render() {\r\n\r\n // console.log('reeender');\r\n // console.log(this.props.match.params.pageid);\r\n //FIXME: DO A CHECK HERE, OR IS THERE NO REASON TO? IS THE ONLY REASON FOR AN UPDATE A PAGE REFRESH?\r\n this.updatePage(); //Make sure we match the page\r\n // console.log(this.pageid);\r\n if(this.currentNote == null)\r\n return (
\r\n \r\n {this.getSimilarNotes()}\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(PagePanel)); //FIXME: REVIEW!\r\n","import React from 'react';\r\n// import { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nimport { Layout, Menu } from 'antd';\r\nimport {\r\n SearchOutlined,\r\n PlusOutlined,\r\n MenuOutlined,\r\n SettingOutlined,\r\n InfoCircleOutlined,\r\n UserOutlined\r\n} from '@ant-design/icons';\r\n\r\n\r\nconst { Sider } = Layout;\r\n\r\n\r\n\r\nclass AntNav extends React.Component {\r\n state = {\r\n collapsed: false,\r\n };\r\n\r\n onCollapse = collapsed => {\r\n console.log(collapsed);\r\n this.setState({ collapsed });\r\n };\r\n\r\n componentDidMount()\r\n {\r\n this.setState({url: window.location.pathname})\r\n }\r\n\r\n componentDidUpdate (prevProps, prevState) {\r\n if(prevState.url !== window.location.pathname)\r\n this.setState({url: window.location.pathname})\r\n }\r\n //https://ant.design/components/layout/\r\n render() {\r\n const { collapsed } = this.state;\r\n\r\n let initialKey = \"-1\"; //FIXME: DO BETTER w/ 404\r\n\r\n //This only occurs on first load\r\n//FIXME: DO BETTER. THIS ALLOWS US TO SET HIGHLIGHTING OF MENU WHEN FIRST VISITING. CAN'T JUST USE URL AS KEY b/c IT USES CONTAINS, AND DUPLICATE ITEMS COULD BE SELECTED\r\n let url = this.state.url || window.location.pathname;\r\n // let cutIndex = url.indexOf('/', 1);\r\n\r\n // if(cutIndex !== -1)\r\n // url = url.substring(0, cutIndex);\r\n //console.log(url);\r\n switch (url){//window.location.pathname) {\r\n case \"/\":\r\n initialKey = \"1\";\r\n break;\r\n case \"/add\":\r\n initialKey = \"2\";\r\n break;\r\n case \"/list\":\r\n initialKey = \"3\";\r\n break;\r\n case \"/settings\":\r\n initialKey = \"4\";\r\n break;\r\n case \"/user\":\r\n initialKey = \"5\";\r\n break;\r\n case \"/about\":\r\n initialKey = \"6\";\r\n break;\r\n\r\n default:\r\n if(url.indexOf(\"/page\") === 0) //FIXME: DOES NOT ALWAYS WORK\r\n initialKey = \"3\";\r\n else if(url.indexOf(\"/edit\") === 0)\r\n initialKey = \"2\";\r\n\r\n }\r\n\r\n return (\r\n\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default withRouter(AntNav);\r\n","import React from 'react';\r\nimport { Component } from 'react';\r\nimport {BrowserRouter, Route, Switch} from 'react-router-dom'\r\n\r\n// import Navigator from './components/Navigator' //Unused\r\nimport ListPanel from './components/Panels/ListPanel' //List of everything in our datastore\r\nimport SearchPanel from './components/Panels/SearchPanel'\r\nimport AddPanel from './components/Panels/AddPanel'\r\nimport AboutPanel from './components/Panels/AboutPanel'\r\n\r\nimport PagePanel from './components/Panels/PagePanel'\r\n\r\n/*\r\n * More TODOs:\r\n * Add Back button to page panel\r\n * Add similar notes to page panel\r\n * Add Edit to page panel\r\n * Make page panel show up diff in sidebar\r\n */\r\n//FIXME: DO 404 PAGE\r\n//FIXME: MAKE THINGS US UUID MORE\r\n//import logo from './logo.svg';\r\nimport './App.less';\r\n\r\nimport AntNav from './components/AntNav'\r\n\r\nimport { Layout } from 'antd';\r\nconst { Content, Footer } = Layout;\r\n\r\nclass App extends Component {\r\n //TODO: MESS WITH CSS\r\n render(){\r\n return (\r\n \r\n