MP Capital

CDM ISDA Data Mapping

\n\n {/* Navigation */}\n \n\n {/* Mobile Menu Button */}\n

\n \n

\n\n {/* User Actions */}\n

\n \n \n

\n\n {/* Progress Indicator */}\n

\n \n

\n );\n};\n\n// Mobile Menu Component\nconst MobileMenu: React.FC<{\n currentView: AppState['currentView'];\n onViewChange: (view: AppState['currentView']) => void;\n navigationItems: readonly { id: string; label: string; icon: string; }[];\n}> = ({ currentView, onViewChange, navigationItems }) => {\n const [isOpen, setIsOpen] = React.useState(false);\n\n return (\n

\n setIsOpen(!isOpen)}\n className=\"p-2 text-gray-500 hover:text-gray-700 transition-colors\"\n >\n \n \n\n {isOpen && (\n

\n {navigationItems.map((item) => (\n {\n onViewChange(item.id as AppState['currentView']);\n setIsOpen(false);\n }}\n className={`w-full text-left px-4 py-2 text-sm hover:bg-gray-50 flex items-center space-x-3 ${\n currentView === item.id ? 'text-blue-600 bg-blue-50' : 'text-gray-700'\n }`}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n )}\n

\n );\n};\n\n// Progress Indicator Component\nconst ProgressIndicator: React.FC<{ currentView: AppState['currentView'] }> = ({ currentView }) => {\n const steps = [\n { id: 'upload', label: 'Upload' },\n { id: 'mapping', label: 'Mapping' },\n { id: 'manual', label: 'Manual Entry' },\n { id: 'review', label: 'Review' },\n ];\n\n const getCurrentStepIndex = () => {\n const index = steps.findIndex(step => step.id === currentView);\n return index >= 0 ? index : 0;\n };\n\n const currentStepIndex = getCurrentStepIndex();\n const progressPercentage = ((currentStepIndex + 1) / steps.length) * 100;\n\n return (\n

\n {steps.map((step, index) => (\n \n \n {index + 1}\n

\n \n

\n ))}\n \n

\n \n

\n \n );\n};\n\nexport default Header;","deleted","label",[171,172,154],"frontend","components","permalink","https://www.val.town/x/MRPRRSIDENT/CDMBenchmarking/code/frontend/components/Header.tsx","extension","actionData","errors"]