added SettingBtn.tsx and SettingBtn.module.css

labourService/src/components/SettingBtn.module.css

@@ -0,0 +1,13 @@
+.ion_btn_size {
+  font-size: 19px;
+  size: 20px;
+  margin-top: 5px;
+  height:70px;
+  color: black;
+}
+
+*{
+  text-decoration: none;
+
+}
+

labourService/src/components/SettingBtn.tsx

@@ -0,0 +1,28 @@
+import { IonButton, IonGrid, IonIcon, IonRow } from "@ionic/react";
+import React from "react";
+import { Link } from "react-router-dom";
+import classes from './SettingBtn.module.css'
+
+
+
+
+function SettingBtn(props: {
+  to: string; text: string; icon: string | undefined; onClick?: any
+}) {
+  return (
+    <div>
+      <Link to={props.to}>
+        <IonButton fill="clear" color="danger" onClick={()=>props.onClick()} className={classes.ion_btn_size}  expand="full">
+          <IonIcon slot="start" icon={props.icon} />
+          <IonGrid>
+            <IonRow>{props.text}</IonRow>
+          </IonGrid>
+          </IonButton>
+      </Link>
+    </div>
+  );
+}
+
+export default SettingBtn;
+
+