Rename button component

Shinyaigeek · Sep 23, 2024 · 2d0f712 · 2d0f712
1 parent ce305b4
commit 2d0f712
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/packages/applications/turbo-blog/src/ui/components/Button/Button.tsx b/packages/applications/turbo-blog/src/ui/components/Button/Button.tsx
@@ -1,15 +1,14 @@
-import type React from "react";
-import button from "./Button.module.css";
+import type { FunctionComponent } from "react";
+import button from "./button.module.css";
 
 interface Props {
- id: string;
- children: React.ReactChild;
+ children: React.ReactNode;
 }
 
-export function Button(props: Props) {
+export const Button: FunctionComponent<Props> = function (props: Props) {
  return (
- <div id={props.id} className={button.button}>
+ <button className={button.button} type="button">
  {props.children}
- </div>
+ </button>
  );
-}
+};
diff --git a/packages/applications/turbo-blog/src/ui/components/Contact/Contact.tsx b/packages/applications/turbo-blog/src/ui/components/Contact/Contact.tsx
@@ -1,5 +1,4 @@
-import React from "react";
-import { Button } from "../Button/Button";
+import { Button } from "../button/button";
 import contact from "./Contact.module.css";
 
 export default function Contact() {
@@ -16,7 +15,7 @@ export default function Contact() {
  <br />
  エモいをハックしたい
  <br />
- <Button id="thatsme--contact">Contact Me</Button>
+ <Button>Contact Me</Button>
  <div className="mySnsBox">
  <div className={contact.sns}>
  {/* biome-ignore lint: reason */}
@@ -34,7 +33,7 @@ export default function Contact() {
  className={contact.snsAnchor}
  />
  </div>
- <div className={contact.scs}>
+ <div className={contact.sns}>
  {/* biome-ignore lint: reason */}
  <a
  id="linkedin"