Navy.gif/owncast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Show local vs. external message on storage config page

Browse Source
This commit is contained in:
Gabe Kangas 2020-10-29 10:22:31 -07:00
parent 83de63b1e8
commit 8e907eb8f3
1 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/pages/storage.tsx
View File

@ -1,12 +1,21 @@
import React, { useState, useEffect } from 'react';
import { SERVER_CONFIG, fetchData, FETCH_INTERVAL } from './utils/apis';
import KeyValueTable from './components/key-value-table';
import React, { useState, useEffect } from "react";
import { SERVER_CONFIG, fetchData, FETCH_INTERVAL } from "./utils/apis";
import KeyValueTable from "./components/key-value-table";
function Storage({ config }) {
if (!config) {
return null;
}
if (!config.s3.enabled) {
return (
<h3>
Local storage is being used. Enable external S3 storage if you want
to use it.
</h3>
);
}
const data = [
{
name: "Enabled",
@ -36,31 +45,30 @@ function Storage({ config }) {
return <KeyValueTable title="External Storage" data={data} />;
}
export default function ServerConfig() {
export default function ServerConfig() {
const [config, setConfig] = useState();
const getInfo = async () => {
try {
const result = await fetchData(SERVER_CONFIG);
console.log("viewers result", result)
console.log("viewers result", result);
setConfig({ ...result });
} catch (error) {
setConfig({ ...config, message: error.message });
}
};
useEffect(() => {
let getStatusIntervalId = null;
getInfo();
getStatusIntervalId = setInterval(getInfo, FETCH_INTERVAL);
// returned function will be called on component unmount
// returned function will be called on component unmount
return () => {
clearInterval(getStatusIntervalId);
}
};
}, []);
return (
@ -80,6 +88,5 @@ export default function ServerConfig() {
<Storage config={config} />
</div>
</div>
);
);
}