Cleanup unused Javascript (#3027)
* chore(js): be stricter about dead code warnings * chore(js): remove dead code and unused exports * rebase * chore: remove unused files * chore(deps): remove unused prop-types dep * chore(js): remove unused function * chore(deps): remove + check unused deps * chore(js): remove unused exports. Closes #3036
This commit is contained in:
@@ -1,71 +0,0 @@
|
||||
// Note: references to "yp" in the app are likely related to Owncast Directory
|
||||
import React, { useState, useContext, useEffect, FC } from 'react';
|
||||
import { Typography } from 'antd';
|
||||
|
||||
import { ToggleSwitch } from './ToggleSwitch';
|
||||
import { ServerStatusContext } from '../../utils/server-status-context';
|
||||
import { FIELD_PROPS_NSFW, FIELD_PROPS_YP } from '../../utils/config-constants';
|
||||
|
||||
const { Title } = Typography;
|
||||
|
||||
// eslint-disable-next-line import/prefer-default-export
|
||||
export const EditYPDetails: FC = () => {
|
||||
const [formDataValues, setFormDataValues] = useState(null);
|
||||
|
||||
const serverStatusData = useContext(ServerStatusContext);
|
||||
const { serverConfig } = serverStatusData || {};
|
||||
|
||||
const { yp, instanceDetails } = serverConfig;
|
||||
const { nsfw } = instanceDetails;
|
||||
const { enabled, instanceUrl } = yp;
|
||||
|
||||
useEffect(() => {
|
||||
setFormDataValues({
|
||||
...yp,
|
||||
enabled,
|
||||
nsfw,
|
||||
});
|
||||
}, [yp, instanceDetails]);
|
||||
|
||||
const hasInstanceUrl = instanceUrl !== '';
|
||||
if (!formDataValues) {
|
||||
return null;
|
||||
}
|
||||
return (
|
||||
<div className="config-directory-details-form">
|
||||
<Title level={3} className="section-title">
|
||||
Owncast Directory Settings
|
||||
</Title>
|
||||
|
||||
<p className="description">
|
||||
Would you like to appear in the{' '}
|
||||
<a href="https://directory.owncast.online" target="_blank" rel="noreferrer">
|
||||
<strong>Owncast Directory</strong>
|
||||
</a>
|
||||
?
|
||||
</p>
|
||||
|
||||
<p style={{ backgroundColor: 'black', fontSize: '.75rem', padding: '5px' }}>
|
||||
<em>
|
||||
NOTE: You will need to have a URL specified in the <code>Instance URL</code> field to be
|
||||
able to use this.
|
||||
</em>
|
||||
</p>
|
||||
|
||||
<div className="config-yp-container">
|
||||
<ToggleSwitch
|
||||
fieldName="enabled"
|
||||
{...FIELD_PROPS_YP}
|
||||
checked={formDataValues.enabled}
|
||||
disabled={!hasInstanceUrl}
|
||||
/>
|
||||
<ToggleSwitch
|
||||
fieldName="nsfw"
|
||||
{...FIELD_PROPS_NSFW}
|
||||
checked={formDataValues.nsfw}
|
||||
disabled={!hasInstanceUrl}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -1,27 +0,0 @@
|
||||
import { Tooltip } from 'antd';
|
||||
import dynamic from 'next/dynamic';
|
||||
import { FC } from 'react';
|
||||
|
||||
// Lazy loaded components
|
||||
|
||||
const InfoCircleOutlined = dynamic(() => import('@ant-design/icons/InfoCircleOutlined'), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
export type InfoTipProps = {
|
||||
tip: string | null;
|
||||
};
|
||||
|
||||
export const InfoTip: FC<InfoTipProps> = ({ tip }) => {
|
||||
if (tip === '' || tip === null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<span className="info-tip">
|
||||
<Tooltip title={tip}>
|
||||
<InfoCircleOutlined />
|
||||
</Tooltip>
|
||||
</span>
|
||||
);
|
||||
};
|
||||
@@ -1,31 +0,0 @@
|
||||
import { Table, Typography } from 'antd';
|
||||
import { FC } from 'react';
|
||||
|
||||
const { Title } = Typography;
|
||||
|
||||
export type KeyValueTableProps = {
|
||||
title: string;
|
||||
data: any;
|
||||
};
|
||||
|
||||
export const KeyValueTable: FC<KeyValueTableProps> = ({ title, data }) => {
|
||||
const columns = [
|
||||
{
|
||||
title: 'Name',
|
||||
dataIndex: 'name',
|
||||
key: 'name',
|
||||
},
|
||||
{
|
||||
title: 'Value',
|
||||
dataIndex: 'value',
|
||||
key: 'value',
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<Title level={2}>{title}</Title>
|
||||
<Table pagination={false} columns={columns} dataSource={data} rowKey="name" />
|
||||
</>
|
||||
);
|
||||
};
|
||||
@@ -174,4 +174,3 @@ export const Offline: FC<OfflineProps> = ({ logs = [], config }) => {
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default Offline;
|
||||
|
||||
@@ -212,7 +212,6 @@ export const TextField: FC<TextFieldProps> = ({
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default TextField;
|
||||
|
||||
TextField.defaultProps = {
|
||||
className: '',
|
||||
|
||||
@@ -14,9 +14,6 @@ import { ServerStatusContext } from '../../utils/server-status-context';
|
||||
import { FormStatusIndicator } from './FormStatusIndicator';
|
||||
import { TextField, TextFieldProps } from './TextField';
|
||||
|
||||
export const TEXTFIELD_TYPE_TEXT = 'default';
|
||||
export const TEXTFIELD_TYPE_PASSWORD = 'password'; // Input.Password
|
||||
export const TEXTFIELD_TYPE_NUMBER = 'numeric';
|
||||
export const TEXTFIELD_TYPE_TEXTAREA = 'textarea';
|
||||
export const TEXTFIELD_TYPE_URL = 'url';
|
||||
|
||||
|
||||
@@ -106,7 +106,6 @@ export const ToggleSwitch: FC<ToggleSwitchProps> = ({
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default ToggleSwitch;
|
||||
|
||||
ToggleSwitch.defaultProps = {
|
||||
apiPath: '',
|
||||
|
||||
@@ -1,15 +1,10 @@
|
||||
import { Table } from 'antd';
|
||||
import format from 'date-fns/format';
|
||||
import { SortOrder } from 'antd/lib/table/interface';
|
||||
import { formatDistanceToNow } from 'date-fns';
|
||||
import { FC } from 'react';
|
||||
import { User } from '../../types/chat';
|
||||
import { formatUAstring } from '../../utils/format';
|
||||
|
||||
export function formatDisplayDate(date: string | Date) {
|
||||
return format(new Date(date), 'MMM d H:mma');
|
||||
}
|
||||
|
||||
export type ViewerTableProps = {
|
||||
data: User[];
|
||||
};
|
||||
|
||||
@@ -214,7 +214,7 @@ export default function EditSocialLinks() {
|
||||
title: 'Social Link',
|
||||
dataIndex: '',
|
||||
key: 'combo',
|
||||
render: (data, record) => {
|
||||
render: (_, record) => {
|
||||
const { platform, url } = record;
|
||||
const platformInfo = isPredefinedSocial(platform);
|
||||
|
||||
@@ -251,7 +251,7 @@ export default function EditSocialLinks() {
|
||||
title: '',
|
||||
dataIndex: '',
|
||||
key: 'edit',
|
||||
render: (data, record, index) => (
|
||||
render: (_, _record, index) => (
|
||||
<div className="actions">
|
||||
<Button
|
||||
size="small"
|
||||
|
||||
@@ -19,7 +19,7 @@ import { FormStatusIndicator } from '../FormStatusIndicator';
|
||||
|
||||
const { Title } = Typography;
|
||||
|
||||
export const ConfigNotify = () => {
|
||||
export const BrowserNotify = () => {
|
||||
const serverStatusData = useContext(ServerStatusContext);
|
||||
const { serverConfig, setFieldInConfigState } = serverStatusData || {};
|
||||
const { notifications } = serverConfig || {};
|
||||
@@ -127,4 +127,3 @@ export const ConfigNotify = () => {
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default ConfigNotify;
|
||||
|
||||
@@ -19,7 +19,7 @@ import { UpdateArgs } from '../../../types/config-section';
|
||||
|
||||
const { Title } = Typography;
|
||||
|
||||
export const ConfigNotify = () => {
|
||||
export const DiscordNotify = () => {
|
||||
const serverStatusData = useContext(ServerStatusContext);
|
||||
const { serverConfig, setFieldInConfigState } = serverStatusData || {};
|
||||
const { notifications } = serverConfig || {};
|
||||
@@ -151,4 +151,3 @@ export const ConfigNotify = () => {
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default ConfigNotify;
|
||||
|
||||
@@ -5,7 +5,7 @@ import { ServerStatusContext } from '../../../utils/server-status-context';
|
||||
|
||||
const { Title } = Typography;
|
||||
|
||||
export const ConfigNotify = () => {
|
||||
export const FediverseNotify = () => {
|
||||
const serverStatusData = useContext(ServerStatusContext);
|
||||
const { serverConfig } = serverStatusData || {};
|
||||
const { federation } = serverConfig || {};
|
||||
@@ -49,4 +49,3 @@ export const ConfigNotify = () => {
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default ConfigNotify;
|
||||
|
||||
Reference in New Issue
Block a user