import React from 'react'; import { Card, Typography, Input, Button } from '@material-tailwind/react'; import * as HeroIcons from '@heroicons/react/24/outline'; const COMPONENT_DATA = [ { object_type: 'general_form', title: 'Generate Floorplan', desc: 'Add dimensions to generate a floorplan.', column_span: '6' }, { object_type: 'info_area', title: 'View Floorplan', desc: 'Visualize the generated floorplan in a canvas area.', column_span: '6' }, { object_type: 'general_form', title: 'Settings', desc: 'Adjust your preferences and settings.', column_span: '12' } ]; function GeneralFormComponent({ item }) { return ( {item.title} {item.desc} ); } function InfoAreaLG({ item }) { return (

{item.title} {item.desc} ); } function SettingsComponent({ item }) { return ( {item.title} {item.desc} ); } function MainDashboardArea() { return (

{COMPONENT_DATA.map((item, index) => { if (item.object_type === 'general_form') { return ; } else if (item.object_type === 'info_area') { return ; } else if (item.object_type === 'general_form' && item.title === 'Settings') { return ; } return null; })}

); } export default MainDashboardArea;

Corporate Dashboard - Code

Project Files

No file selected