File "channel-editor-tabs.tsx"
Full Path: /home/markqprx/iniasli.pro/client/admin/channels/channel-editor/channel-editor-tabs.tsx
File size: 1.19 KB
MIME-type: text/plain
Charset: utf-8
import {TabList} from '@common/ui/tabs/tab-list';
import {Tab} from '@common/ui/tabs/tab';
import {Trans} from '@common/i18n/trans';
import {TabPanel, TabPanels} from '@common/ui/tabs/tab-panels';
import {Tabs} from '@common/ui/tabs/tabs';
import React, {Fragment, ReactNode} from 'react';
import {FormTextField} from '@common/ui/forms/input-field/text-field/text-field';
interface Props {
children: ReactNode;
}
export function ChannelEditorTabs({children}: Props) {
return (
<Tabs isLazy>
<TabList>
<Tab>
<Trans message="Details" />
</Tab>
<Tab>
<Trans message="SEO" />
</Tab>
</TabList>
<TabPanels className="pt-20">
<TabPanel>{children}</TabPanel>
<TabPanel>
<SeoFields />
</TabPanel>
</TabPanels>
</Tabs>
);
}
function SeoFields() {
return (
<Fragment>
<FormTextField
name="config.seoTitle"
label={<Trans message="SEO title" />}
className="mb-24"
/>
<FormTextField
name="config.seoDescription"
label={<Trans message="SEO description" />}
inputElementType="textarea"
rows={6}
/>
</Fragment>
);
}