Github/ocrcc-chatbox
1
0
Fork 1
mirror of https://github.com/Safe-Support-Chat/ocrcc-chatbox synced 2024-11-21 18:24:54 +00:00
Code Issues Projects Releases Wiki Activity

pass homeserver query param to get chatbox with settings

Browse Source
This commit is contained in:
Sharon Kennedy 2020-11-12 22:00:06 -05:00
parent 22c17d314d
commit 004f88d5cd
5 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/bookmarklet.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/chatbox.js vendored
View File

File diff suppressed because one or more lines are too long

3
dist/index.html vendored
View File

@ -13,7 +13,8 @@
<script src="./chatbox.js"></script>
<script>
var config = {
settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings'
settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings',
matrixServerUrl: 'https://matrix.safesupport.chat'
}
EmbeddableChatbox.mount(config);

3
public/index.html
View File

@ -13,7 +13,8 @@
<script src="./chatbox.js"></script>
<script>
var config = {
settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings'
settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings',
matrixServerUrl: 'https://matrix.safesupport.chat'
}
EmbeddableChatbox.mount(config);

17
src/components/ChatboxWithSettings.js
View File

@ -3,22 +3,22 @@ import PropTypes from 'prop-types';
import Chatbox from './chatbox';
const ChatboxWithSettings = ({ settingsEndpoint, ...rest }) => {
const ChatboxWithSettings = ({ settingsEndpoint, matrixServerUrl, ...rest }) => {
const [settings, setSettings] = useState({});
const settingsObj = {};
const getSettings = async () => {
if (!settingsEndpoint) {
const props = {
...rest,
enabled: true
}
enabled: true,
};
return setSettings(props);
}
const res = await fetch(settingsEndpoint);
const url = `${settingsEndpoint}?homeserver=${encodeURIComponent(matrixServerUrl)}`;
const res = await fetch(url);
const data = await res.json();
const { fields } = data;
@ -42,12 +42,17 @@ const ChatboxWithSettings = ({ settingsEndpoint, ...rest }) => {
}, []);
return (
<Chatbox {...settings} {...rest} />
<Chatbox matrixServerUrl={matrixServerUrl} {...settings} {...rest} />
);
};
ChatboxWithSettings.propTypes = {
matrixServerUrl: PropTypes.string.isRequired,
settingsEndpoint: PropTypes.string,
};
ChatboxWithSettings.defaultProps = {
settingsEndpoint: null,
};
export default ChatboxWithSettings;