mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-06 02:26:49 +00:00
8409d09373
* use tsx * compile * refactor Router * refactor layout * refactor home container * refactor meal container * refactor categories container * refactor category container * refactor search and profile container * refactor * move state over * move state over * css * css
29 lines
841 B
TypeScript
29 lines
841 B
TypeScript
import { FC } from "react";
|
|
import { RandomButton } from "../../components/RandomButton";
|
|
import { getRandomMeal } from "../Meal/service";
|
|
|
|
export const NotFound: FC = () => (
|
|
<div className="container center-align">
|
|
<div className="row">
|
|
<h1>Wrong Way!</h1>
|
|
<div className="col s12 offset-m3 m6">
|
|
<div className="card hoverable">
|
|
<div className="card-image">
|
|
<img
|
|
className="responsive-img"
|
|
src="https://images.otstatic.com/prod/26153735/2/large.jpg"
|
|
alt="404 not found"
|
|
/>
|
|
</div>
|
|
<div className="card-content">
|
|
<RandomButton
|
|
url="/random"
|
|
handleClick={getRandomMeal}
|
|
color={null}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|