43 | {
50 | const path = ReactEditor.findPath(editor, element)
51 | Transforms.setNodes(
52 | editor,
53 | { checked: event.target.checked },
54 | { at: path }
55 | )
56 | }}
57 | />
58 |
63 | {children}
64 |
65 |
66 | )
67 | }
68 |
--------------------------------------------------------------------------------
/src/components/ConceptCreator.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useContext, useState, FunctionComponent } from 'react'
2 |
3 | import { makeStyles } from '@material-ui/core/styles';
4 | import Button from '@material-ui/core/Button';
5 | import Dialog, { DialogProps } from '@material-ui/core/Dialog';
6 | import DialogContent from '@material-ui/core/DialogContent';
7 | import DialogContentText from '@material-ui/core/DialogContentText';
8 | import DialogActions from '@material-ui/core/DialogActions';
9 | import TextField from '@material-ui/core/TextField';
10 |
11 | import { useDebounce } from 'use-debounce';
12 |
13 | import Loader from './Loader';
14 | import WorkspaceContext from "../context/workspace";
15 | import { resourceExists } from '../utils/ldflex-helper'
16 | import { conceptUri } from '../utils/urls'
17 |
18 | const useStyles = makeStyles(theme => ({
19 | nameTextField: {
20 | width: "100%",
21 | marginTop: theme.spacing(2),
22 | }
23 | }))
24 |
25 | type ConceptCreatorProps = DialogProps & {
26 | close: () => void
27 | }
28 |
29 | const ConceptCreator: FunctionComponent
14 | {workspace && {workspace.uri}}
15 |
16 | {pageListItems && pageListItems.map(item =>
18 | )
19 | }
20 |
21 | export default function Console(){
22 | const workspace = useWorkspace()
23 | return (
24 | {item.pageUri}
)}
17 | Sorry, something went wrong.
)
113 |
114 | }
115 |
116 | type EditorErrorBoundaryProps = { children: ReactNode }
117 | type EditorErrorBoundaryState = { hasError: boolean, error: any }
118 |
119 | class EditorErrorBoundary extends React.Component
214 | {
215 | allowed && allowed.user.has("control") && (
216 | <>
217 | setDevMode(!devMode)}>
219 |
221 | setSharingModalOpen(!sharingModalOpen)}>
223 |
225 | setBackupsDialogOpen(!backupsDialogOpen)}>
227 |
229 | setMenuOpen(!menuOpen)} >
231 |
233 |
234 | )
235 | }
236 |
237 | Loading...
132 | ) : (
133 |
159 | {JSON.stringify(editor.children, null, 2)}
160 |
161 |
162 | {JSON.stringify(editor.selection, null, 2)}
163 |
164 | {children}
88 | }
89 |
90 | if (leaf.italic) {
91 | children = {children}
92 | }
93 |
94 | if (leaf.underline) {
95 | children = {children}
96 | }
97 |
98 | return {children}
99 | }
100 |
101 |
102 |
103 | const Element: FunctionComponent{children}
{children}
{children}
{children}
- {children}
- {children}
{children}
| {cell} | 46 | ))} 47 |
|---|
| 54 | {cell} 55 | | 56 | ))} 57 |
Don't know how to display {url}
71 | } 72 | } 73 | 74 | const EmbedElement = ({element, attributes, children, ...props}) => { 75 | return ( 76 |
77 |
82 | )
83 | }
84 |
85 | export default EmbedElement
86 |
--------------------------------------------------------------------------------
/src/components/EmbedPicker.js:
--------------------------------------------------------------------------------
1 | import React, {useState} from 'react'
2 |
3 | import auth from 'solid-auth-client'
4 |
5 | import { makeStyles } from '@material-ui/core/styles';
6 | import Button from '@material-ui/core/Button';
7 | import Dialog from '@material-ui/core/Dialog';
8 | import DialogContent from '@material-ui/core/DialogContent';
9 | import DialogContentText from '@material-ui/core/DialogContentText';
10 | import DialogActions from '@material-ui/core/DialogActions';
11 | import TextField from '@material-ui/core/TextField';
12 |
13 | import Loader from './Loader';
14 |
15 | const useStyles = makeStyles(theme => ({
16 | urlTextField: {
17 | width: "100%",
18 | marginTop: theme.spacing(2),
19 | }
20 | }))
21 |
22 | export default function EmbedPicker({onSave, onClose, ...props}){
23 | const classes = useStyles()
24 | const [saving, setSaving] = useState()
25 | const [error, setError] = useState()
26 | const [url, setUrl] = useState()
27 | const save = async () => {
28 | setError(null)
29 | setSaving(true)
30 | try {
31 | const response = await auth.fetch(url, {method: 'HEAD'})
32 | if (response.ok){
33 | const type = response.headers.get("content-type").split(";")[0]
34 | await onSave(url, type)
35 | } else {
36 | setError(`Error loading ${url}`)
37 | }
38 | } catch (e){
39 | if (e.name === "TypeError"){
40 | setError(`Could not load ${url}: the resource probably doesn't exist or does not have the correct CORS configuration.`)
41 | } else {
42 | setError(`Error loading ${url}: ${e.message}`)
43 | }
44 | }
45 | setSaving(false)
46 | }
47 | return (
48 |
75 | )
76 | }
77 |
--------------------------------------------------------------------------------
/src/components/FAQ.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import { makeStyles } from '@material-ui/core/styles';
4 | import Typography from '@material-ui/core/Typography';
5 | import Grid from '@material-ui/core/Grid';
6 | import Link from '@material-ui/core/Link';
7 |
8 | import { titleFont } from '../utils/fonts'
9 |
10 | const useStyles = makeStyles(theme => ({
11 | question: {
12 | fontFamily: titleFont,
13 | marginTop: theme.spacing(3),
14 | marginBottom: theme.spacing(2)
15 | },
16 | answer: {
17 | ...theme.typography.body2,
18 | "& p": {
19 | marginBottom: theme.spacing(2)
20 | }
21 | }
22 | }))
23 |
24 | export const Question = ({children}) => {
25 | const classes = useStyles()
26 | return (
27 |
78 |
80 | {children}
81 | Welcome to Concept! Add or select a page on the left to get started.
4 | -------------------------------------------------------------------------------- /src/components/IconButton.tsx: -------------------------------------------------------------------------------- 1 | import React, { forwardRef, Ref, PropsWithChildren } from 'react'; 2 | import IconButton, { IconButtonProps } from '@material-ui/core/IconButton'; 3 | 4 | import Tooltip from '@material-ui/core/Tooltip'; 5 | 6 | import { makeStyles } from '@material-ui/core/styles'; 7 | 8 | const useStyles = makeStyles(theme => ({ 9 | active: { 10 | background: theme.palette.grey[300] 11 | }, 12 | inactive: { 13 | 14 | } 15 | })) 16 | 17 | interface Props extends IconButtonProps { 18 | active?: boolean, 19 | title?: string, 20 | ariaLabel?: string 21 | } 22 | 23 | const MyIconButton = forwardRef(({ active, title, ariaLabel, ...props }: PropsWithChildren