mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import Image from "next/image";
|
|
import React from "react";
|
|
import { TodoItem } from "../db/models/todoItems";
|
|
import styles from "../styles/EachToDo.module.css";
|
|
|
|
type Props = {
|
|
toDoItem: TodoItem;
|
|
deleteHandler: (id?: number) => void;
|
|
updateHandler: (item: TodoItem) => void;
|
|
};
|
|
const EachTodo = ({ toDoItem, deleteHandler, updateHandler }: Props) => {
|
|
return (
|
|
<>
|
|
<li className={styles.each}>
|
|
<button
|
|
className={styles.eachButton}
|
|
onClick={() => {
|
|
updateHandler(toDoItem);
|
|
}}
|
|
>
|
|
<Image
|
|
src={toDoItem.completed ? "/circle-checked.svg" : "/circle.svg"}
|
|
layout="fixed"
|
|
width={20}
|
|
height={20}
|
|
alt="Check Image"
|
|
/>
|
|
<span
|
|
style={toDoItem.completed ? { textDecoration: "line-through" } : {}}
|
|
>
|
|
{toDoItem.text}
|
|
</span>
|
|
</button>
|
|
<button
|
|
className={styles.deleteBtn}
|
|
onClick={() => {
|
|
deleteHandler(toDoItem.id);
|
|
}}
|
|
>
|
|
<Image src="/delete.svg" width={24} height={24} alt="Check Image" />
|
|
</button>
|
|
</li>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default EachTodo;
|