index.js
26 lines
| 1 | import MobileMenu from '../mobile-menu'; |
| 2 | import TabMenu from '../tab-menu'; |
| 3 | import TabContent from '../tab-content'; |
| 4 | import DonorInfo from '../donor-info'; |
| 5 | |
| 6 | import './style.scss'; |
| 7 | |
| 8 | const MobileLayout = () => { |
| 9 | return ( |
| 10 | <div className="give-donor-dashboard-mobile-layout"> |
| 11 | <MobileMenu> |
| 12 | <div className="give-donor-dashboard-mobile-layout__tab-menu"> |
| 13 | <TabMenu /> |
| 14 | </div> |
| 15 | </MobileMenu> |
| 16 | <div className="give-donor-dashboard-mobile-layout__donor-info"> |
| 17 | <DonorInfo /> |
| 18 | </div> |
| 19 | <div className="give-donor-dashboard-mobile-layout__tab-content"> |
| 20 | <TabContent /> |
| 21 | </div> |
| 22 | </div> |
| 23 | ); |
| 24 | }; |
| 25 | export default MobileLayout; |
| 26 |