Alex Blank
e8d5b16acc
- Add mobile viewport detection to ToolWorkshopPage - Implement mobile list view with MobileListView component - Implement mobile detail view with MobileDetailView component - Implement mobile edit view with MobileEditView component - Add MobileFAB for creating new tool types - Fix IconName type issues in mobile components - TypeScript check passes, build succeeds
23 lines
385 B
TypeScript
23 lines
385 B
TypeScript
import { Icon } from "./icon";
|
|
|
|
interface MobileFABProps {
|
|
onClick: () => void;
|
|
label?: string;
|
|
}
|
|
|
|
export const MobileFAB: React.FC<MobileFABProps> = ({
|
|
onClick,
|
|
label = "Create new",
|
|
}) => {
|
|
return (
|
|
<button
|
|
className="mobile-fab"
|
|
onClick={onClick}
|
|
type="button"
|
|
aria-label={label}
|
|
>
|
|
<Icon name="add" size="md" />
|
|
</button>
|
|
);
|
|
};
|