dave/ocrcc-chatbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

restyle chatbox and some refactoring

Browse Source
This commit is contained in:
Sharon Kennedy
2020-02-23 23:12:47 -05:00
parent 37455346f3
commit dcd4e4a9ba
14 changed files with 385 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/outputs/bookmarklet.js
View File

@@ -1,12 +1,12 @@
import EmbeddableWidget from './embeddable-widget';
import EmbeddableChatbox from './embeddable-chatbox';
export default function bookmarklet() {
if (window.EmbeddableWidget) {
if (window.EmbeddableChatbox) {
return;
}
window.EmbeddableWidget = EmbeddableWidget;
window.EmbeddableChatbox = EmbeddableChatbox;
EmbeddableWidget.mount({
EmbeddableChatbox.mount({
termsUrl: 'https://tosdr.org/',
privacyStatement: 'This chat application does not collect any of your personal data or any data from your use of this service.',
matrixServerUrl: 'https://matrix.rhok.space',

22
src/outputs/embeddable-widget.js → src/outputs/embeddable-chatbox.js
View File

@@ -1,17 +1,17 @@
import React from 'react';
import ReactDOM from 'react-dom';
import Widget from '../components/widget';
import Chatbox from '../components/chatbox';
import '../../vendor/cleanslate.css';
export default class EmbeddableWidget {
export default class EmbeddableChatbox {
static el;
static mount({ parentElement = null, ...props } = {}) {
const component = <Widget {...props} />; // eslint-disable-line
const component = <Chatbox {...props} />; // eslint-disable-line
function doRender() {
if (EmbeddableWidget.el) {
throw new Error('EmbeddableWidget is already mounted, unmount first');
if (EmbeddableChatbox.el) {
throw new Error('EmbeddableChatbox is already mounted, unmount first');
}
const el = document.createElement('div');
@@ -26,7 +26,7 @@ export default class EmbeddableWidget {
component,
el,
);
EmbeddableWidget.el = el;
EmbeddableChatbox.el = el;
}
if (document.readyState === 'complete') {
@@ -39,11 +39,11 @@ export default class EmbeddableWidget {
}
static unmount() {
if (!EmbeddableWidget.el) {
throw new Error('EmbeddableWidget is not mounted, mount first');
if (!EmbeddableChatbox.el) {
throw new Error('EmbeddableChatbox is not mounted, mount first');
}
ReactDOM.unmountComponentAtNode(EmbeddableWidget.el);
EmbeddableWidget.el.parentNode.removeChild(EmbeddableWidget.el);
EmbeddableWidget.el = null;
ReactDOM.unmountComponentAtNode(EmbeddableChatbox.el);
EmbeddableChatbox.el.parentNode.removeChild(EmbeddableChatbox.el);
EmbeddableChatbox.el = null;
}
}