Backup_Repos/jsketcher
1
0
Fork 0
mirror of https://github.com/xibyte/jsketcher synced 2025-12-25 01:45:26 +01:00
Code Issues Projects Releases Wiki Activity

documentation window toolbar

Browse source
This commit is contained in:
Val Erastov (xibyte) 2020-05-15 00:15:37 -07:00
parent 42c5ffa13a
commit 5493cd0edd
2 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
modules/doc/DocumentationWindow.tsx
View file

@ -3,6 +3,8 @@ import {stream} from "lstream";
import Window from "ui/components/Window";
import {useStream} from "ui/effects";
import marked from 'marked';
import {AiOutlineHome} from "react-icons/ai";
import {RiArrowGoBackLine} from "react-icons/ri";
export const DocumentationTopic$ = stream();
export const DocumentationUIState$ = stream();
@ -17,6 +19,7 @@ export function DocumentationWindow() {
const request: DocumentationRequest = useStream(DocumentationTopic$);
const [content, setContent] = useState(null);
useEffect(() => {
window.__CAD_APP.DocumentationTopic$ = DocumentationTopic$;
if (!request) {
@ -64,6 +67,10 @@ export function DocumentationWindow() {
enableResize={true}
onClose={() => DocumentationTopic$.next(null)}
onResize={el => DocumentationUIState$.next(el)}>
<div className='documentation-toolbar'>
<button onClick={() => DocumentationTopic$.next({topic: 'index'})}><AiOutlineHome /> </button>
<button onClick={() => alert("men at work")}><RiArrowGoBackLine /></button>
</div>
<p className='documentation-content' dangerouslySetInnerHTML={{__html: content}} />
</Window>

16
modules/ui/styles/init/documentation.less
View file

@ -2,4 +2,20 @@
background: #323444;
font-size: 13px;
padding: 10px;
}
.documentation-toolbar {
display: flex;
color: white;
padding-left: 3px;
* > {
padding: 3px;
margin: 3px 3px 3px 0;
}
svg {
width: 24px;
height: 24px;
}
}