Renacer Social, the app

ButtonComponent.tsx 895B

123456789101112131415161718192021222324252627282930
  1. import { IonButton, IonContent, IonIcon, IonItem, IonText } from "@ionic/react";
  2. import { CallNumber } from "@awesome-cordova-plugins/call-number";
  3. import {
  4. call,
  5. mailOpen
  6. } from "ionicons/icons";
  7. const ButtonComponent: React.FC<{
  8. body: string;
  9. }> = (props) => {
  10. const body = props.body;
  11. return (
  12. <IonText>
  13. <IonButton expand="block"
  14. onClick={() => {
  15. CallNumber.callNumber("7876247846", true);
  16. alert("testing is this works");
  17. }}
  18. >
  19. <IonIcon slot="start" icon={call}> </IonIcon>
  20. Llamada
  21. </IonButton>
  22. <a href={"mailto:eliamruiz2027@gmail.com?cc=eliam.ruiz@upr.edu,&subject=Testing Ionic button&body=" + body + ""}>
  23. <IonButton expand="block">
  24. <IonIcon slot="start" icon={mailOpen}> </IonIcon> Correo Electrónico</IonButton>
  25. </a>
  26. </IonText>
  27. );
  28. };
  29. export default ButtonComponent;