frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🃏 Added a vertical settings menu scaffold

Browse Source
This commit is contained in:
Rishi Ghan
2021-09-06 23:01:44 -07:00
parent 3c58795286
commit f3d94f2a75
3 changed files with 48 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/components/ComicDetail.tsx
View File

@@ -261,14 +261,14 @@ export const ComicDetail = ({}: ComicDetailProps): ReactElement => {
name: PropTypes.string,
number: PropTypes.string,
resource_type: PropTypes.string,
id: PropTypes.string,
id: PropTypes.number,
}),
};
RawFileDetails.propTypes = {
data: PropTypes.shape({
containedIn: PropTypes.string,
fileSize: PropTypes.string,
fileSize: PropTypes.number,
path: PropTypes.string,
extension: PropTypes.string,
}),

46
src/client/components/Settings.tsx
View File

@@ -5,8 +5,50 @@ interface ISettingsProps {}
export const Settings = (props: ISettingsProps): ReactElement => {
return (
<section className="container">
<div className="section">
<h1 className="title">Settings</h1>
<div className="columns">
<div className="section column is-one-quarter">
<h1 className="title">Settings</h1>
<aside className="menu">
<p className="menu-label">General</p>
<ul className="menu-list">
<li>
<a>Dashboard</a>
</li>
<li>
<a>Customers</a>
</li>
</ul>
<p className="menu-label">Acquisition</p>
<ul className="menu-list">
<li>
<a className="is-active">AirDC++</a>
<ul>
<li>
<a>Connection</a>
</li>
<li>
<a>Hubs</a>
</li>
<li>
<a>Additional Configuration</a>
</li>
</ul>
</li>
</ul>
<p className="menu-label">ComicVine</p>
<ul className="menu-list">
<li>
<a>Payments</a>
</li>
<li>
<a>Transfers</a>
</li>
<li>
<a>Balance</a>
</li>
</ul>
</aside>
</div>
</div>
</section>
);