e9ae2b1189
- Extract InfoBox component for reusable alert boxes - Update AccountForm to use InfoBox component - Add InfoBox with explanatory text to tenant sections in LocationEditForm - Convert billFwdStrategy from radio buttons to select element - Convert updateScope from radio buttons to select element - Update localization strings for improved clarity - Fix updateScope defaultValue to use "current" instead of billFwdStrategy 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
9 lines
585 B
TypeScript
9 lines
585 B
TypeScript
import { FC, ReactNode } from "react";
|
|
|
|
export const InfoBox: FC<{ children: ReactNode, className?: string }> = ({ children, className }) =>
|
|
<div className={`alert max-w-md flex flex-row items-start gap-[0.5rem] ${className}`}>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" className="stroke-current shrink-0 w-6 h-6">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
</svg>
|
|
<span className="text-left">{children}</span>
|
|
</div> |