Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui(admin): add "working" React admin ui

Browse source
This commit is contained in:
Matthew Penner 2022-12-15 19:06:14 -07:00
parent d1c7494933
commit 5402584508
No known key found for this signature in database
199 changed files with 13387 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

52
resources/scripts/components/admin/settings/SettingsContainer.tsx Normal file
View file

@ -0,0 +1,52 @@
import { AdjustmentsIcon, ChipIcon, CodeIcon, MailIcon, ShieldCheckIcon } from '@heroicons/react/outline';
import { Route, Routes } from 'react-router-dom';
import tw from 'twin.macro';
import AdminContentBlock from '@/components/admin/AdminContentBlock';
import MailSettings from '@/components/admin/settings/MailSettings';
import FlashMessageRender from '@/components/FlashMessageRender';
import { SubNavigation, SubNavigationLink } from '@/components/admin/SubNavigation';
import GeneralSettings from '@/components/admin/settings/GeneralSettings';
export default () => {
return (
<AdminContentBlock title={'Settings'}>
<div css={tw`w-full flex flex-row items-center mb-8`}>
<div css={tw`flex flex-col flex-shrink`} style={{ minWidth: '0' }}>
<h2 css={tw`text-2xl text-neutral-50 font-header font-medium`}>Settings</h2>
<p css={tw`text-base text-neutral-400 whitespace-nowrap overflow-ellipsis overflow-hidden`}>
Configure and manage settings for Pterodactyl.
</p>
</div>
</div>
<FlashMessageRender byKey={'admin:settings'} css={tw`mb-4`} />
<SubNavigation>
<SubNavigationLink to="/admin/settings" name="General">
<ChipIcon />
</SubNavigationLink>
<SubNavigationLink to="/admin/settings/mail" name="Mail">
<MailIcon />
</SubNavigationLink>
<SubNavigationLink to="/admin/settings/security" name="Security">
<ShieldCheckIcon />
</SubNavigationLink>
<SubNavigationLink to="/admin/settings/features" name="Features">
<AdjustmentsIcon />
</SubNavigationLink>
<SubNavigationLink to="/admin/settings/advanced" name="Advanced">
<CodeIcon />
</SubNavigationLink>
</SubNavigation>
<Routes>
<Route path="/admin/settings" element={<GeneralSettings />} />
<Route path="/admin/settings/mail" element={<MailSettings />} />
<Route path="/admin/settings/security" element={<p>Security</p>} />
<Route path="/admin/settings/features" element={<p>Features</p>} />
<Route path="/admin/settings/advanced" element={<p>Advanced</p>} />
</Routes>
</AdminContentBlock>
);
};