From f591150512903014461e4fa1be3bc53bd261af2f Mon Sep 17 00:00:00 2001 From: Erika <3019731+Princesseuh@users.noreply.github.com> Date: Thu, 4 Aug 2022 14:16:51 -0400 Subject: Audit examples templates (#3940) * basics, framework-alpine, framework-solid, delete unused examples * framework-multiple * Remove non-standard file extensions, add missing .vscode folders * Remove robots.txt * Remove blog-multiple-authors * Rewrite components comments to be consistent * Update lockfile * Remove unnecessary usage of SCSS in subpath example * Fix props weirdness in portfolio example * Remove Lit from `framework-multiple` for now * Misc fixes * Update lockfile * I'm in lockfile hell, send help --- examples/framework-react/src/components/Counter.jsx | 19 ------------------- examples/framework-react/src/components/Counter.tsx | 19 +++++++++++++++++++ examples/framework-react/src/pages/index.astro | 2 +- 3 files changed, 20 insertions(+), 20 deletions(-) delete mode 100644 examples/framework-react/src/components/Counter.jsx create mode 100644 examples/framework-react/src/components/Counter.tsx (limited to 'examples/framework-react/src') diff --git a/examples/framework-react/src/components/Counter.jsx b/examples/framework-react/src/components/Counter.jsx deleted file mode 100644 index 97ddf34c7..000000000 --- a/examples/framework-react/src/components/Counter.jsx +++ /dev/null @@ -1,19 +0,0 @@ -import React, { useState } from 'react'; -import './Counter.css'; - -export default function Counter({ children, count: initialCount }) { - const [count, setCount] = useState(initialCount); - const add = () => setCount((i) => i + 1); - const subtract = () => setCount((i) => i - 1); - - return ( - <> -
- -
{count}
- -
-
{children}
- - ); -} diff --git a/examples/framework-react/src/components/Counter.tsx b/examples/framework-react/src/components/Counter.tsx new file mode 100644 index 000000000..6321469d3 --- /dev/null +++ b/examples/framework-react/src/components/Counter.tsx @@ -0,0 +1,19 @@ +import { useState } from 'react'; +import './Counter.css'; + +export default function Counter({ children, count: initialCount }: { children: JSX.Element, count: number }) { + const [count, setCount] = useState(initialCount); + const add = () => setCount((i) => i + 1); + const subtract = () => setCount((i) => i - 1); + + return ( + <> +
+ +
{count}
+ +
+
{children}
+ + ); +} diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro index 8f3142393..61806949a 100644 --- a/examples/framework-react/src/pages/index.astro +++ b/examples/framework-react/src/pages/index.astro @@ -1,6 +1,6 @@ --- // Component Imports -import Counter from "../components/Counter.jsx"; +import Counter from "../components/Counter"; const someProps = { count: 0, }; -- cgit v1.2.3