Mirror/Cultivation
1
0
Fork 0
mirror of https://github.com/Grasscutters/Cultivation.git synced 2025-12-16 09:04:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

close menu button

Browse Source
This commit is contained in:
SpikeHD
2022-05-10 01:24:34 -07:00
parent c2693f3004
commit 2a283cfc8b
4 changed files with 37 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/ui/components/menu/Menu.tsx
View File

@@ -1,10 +1,13 @@
import React from 'react'
import './Menu.css'
import Close from '../../../resources/icons/close.svg'
interface IProps {
children: React.ReactNode[] | React.ReactNode;
className?: string;
heading: string;
closeFn: () => void;
}
export default class Menu extends React.Component<IProps, never> {
@@ -15,7 +18,12 @@ export default class Menu extends React.Component<IProps, never> {
render() {
return (
<div className={'Menu ' + this.props.className}>
<div className="MenuHeading">{this.props.heading}</div>
<div className='MenuTop'>
<div className="MenuHeading">{this.props.heading}</div>
<div className="MenuExit" onClick={this.props.closeFn}>
<img src={Close} className="MenuClose" />
</div>
</div>
<div className='MenuInner'>
{this.props.children}
</div>