2022-04-28 19:54:33 +03:00
|
|
|
import { useRecoilValue } from 'recoil';
|
2022-04-29 00:36:05 +03:00
|
|
|
import { Layout, Row, Col, Tabs } from 'antd';
|
2022-05-04 00:55:13 +03:00
|
|
|
import { chatVisibilityAtom, clientConfigStateAtom } from '../../stores/ClientConfigStore';
|
2022-04-28 19:54:33 +03:00
|
|
|
import { ClientConfig } from '../../../interfaces/client-config.model';
|
2022-04-29 00:36:05 +03:00
|
|
|
import CustomPageContent from '../../CustomPageContent';
|
|
|
|
import OwncastPlayer from '../../video/OwncastPlayer';
|
|
|
|
import FollowerCollection from '../../FollowersCollection';
|
2022-05-04 00:55:13 +03:00
|
|
|
import s from './Content.module.scss';
|
|
|
|
import Sidebar from '../Sidebar';
|
|
|
|
import { ChatVisibilityState } from '../../../interfaces/application-state';
|
|
|
|
import Footer from '../Footer';
|
|
|
|
import Grid from 'antd/lib/card/Grid';
|
2022-04-29 00:36:05 +03:00
|
|
|
|
|
|
|
const { TabPane } = Tabs;
|
2022-04-28 19:54:33 +03:00
|
|
|
|
|
|
|
const { Content } = Layout;
|
|
|
|
|
|
|
|
export default function FooterComponent() {
|
2022-05-03 03:45:22 +03:00
|
|
|
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
|
2022-05-04 00:55:13 +03:00
|
|
|
const chatOpen = useRecoilValue<ChatVisibilityState>(chatVisibilityAtom);
|
2022-04-28 19:54:33 +03:00
|
|
|
const { extraPageContent } = clientConfig;
|
|
|
|
|
|
|
|
return (
|
2022-05-04 00:55:13 +03:00
|
|
|
<Content className={`${s.root}`}>
|
|
|
|
<Col className={`${s.leftCol}`}>
|
|
|
|
<OwncastPlayer source="https://watch.owncast.online" />
|
|
|
|
<div className={`${s.lowerRow}`}>
|
|
|
|
<Tabs defaultActiveKey="1" type="card">
|
|
|
|
<TabPane tab="About" key="1">
|
|
|
|
<CustomPageContent content={extraPageContent} />
|
|
|
|
</TabPane>
|
|
|
|
<TabPane tab="Followers" key="2">
|
|
|
|
<FollowerCollection />
|
|
|
|
</TabPane>
|
|
|
|
</Tabs>
|
|
|
|
<Footer />
|
|
|
|
</div>
|
|
|
|
</Col>
|
|
|
|
{chatOpen && (
|
|
|
|
<Col>
|
|
|
|
<Sidebar />
|
|
|
|
</Col>
|
|
|
|
)}
|
2022-04-28 19:54:33 +03:00
|
|
|
</Content>
|
|
|
|
);
|
|
|
|
}
|