Files
Steven 4466ba436b chore(examples): use default prettier for examples/templates (#60530)
## 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
2024-01-11 16:01:44 -07:00

17 lines
468 B
TypeScript

const pad = (n) => (n < 10 ? `0${n}` : n);
const format = (t) =>
`${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`;
const Clock = (props) => {
const divStyle = {
backgroundColor: props.light ? "#999" : "#000",
color: "#82FA58",
display: "inline-block",
font: "50px menlo, monaco, monospace",
padding: "15px",
};
return <div style={divStyle}>{format(new Date(props.lastUpdate))}</div>;
};
export default Clock;