Business Pathology Report - Copy this React, Tailwind Component to your project
Please design a UI will allow users to generate customized Business Pathology Reports based on individual tests or predefined profiles. Below are the detailed requirements for the interface: • A dropdown menu for selecting the Company Name. • A dropdown menu or date picker for selecting the Financial Year. • Profile Selection Radio Buttons: o Option 1: Individual Tests o Option 2: Profiles 3. Conditional Dropdowns • When Individual Tests is selected: o A dropdown menu activates, listing various domains (e.g., Finance, Operations, Sales, etc.). o After selecting a domain, another dropdown menu activates, listing the specific tests under that domain. • When Profiles is selected: o A dropdown menu activates, listing all predefined profiles (e.g., Profitability Optimization, Cash Flow Stability, etc.). 4. Document Upload • A file upload field with drag and drop functionality. • Accepts multiple file formats (PDF, Excel, Word) for uploading required documents (e.g., financial statements). 5. Report Generation • A prominent Generate Report button. • Once clicked, the system processes the input and displays a success notification. • A download link for the generated PDF report should appear. Additional Features • Navigation Bar: Include tabs for Dashboard, Reports History, and Settings. • Progress Indicator: Show progress when generating the report (e.g., a loading bar). • Tooltips/Help Icons: Provide descriptions for each field or option when hovered. Styling Preferences • Clean and professional layout. • Use of a modern, intuitive design (e.g., material design). • Color scheme: Neutral colors with highlights (e.g., blue or green) for buttons and active elements. Please design mock screens with the above functionality and layout. Include state changes for dropdown activations, file uploads, and report generation feedback.
