impressum

src/components/Dog.tsx

@@ -1,9 +1,10 @@
 import { ResponseT, UserCtx, UserCtxT } from '../context/UserContext';
-import React, { useContext, useState } from 'react'
+import React, { useContext, useState, ReactNode } from 'react'
 import { useParams } from "react-router-dom";
 import Img from './Img';
 import DogNameTxt from './DogNameTxt';
 import './Dog.css';
+import { JSXElement, JSXFragment } from '@babel/types';
 
 const Dog = () => 
 {
@@ -32,17 +33,20 @@ const Dog = () =>
     phone = dog.data.phone;
   }
 
-  return (
-    <div className = 'Dog'>
-      <h1>Hast Du mich gefunden?</h1>
-      {/* <p>name: {name}</p>
-      <p>email: {email}</p>
-      <p>phone: {phone}</p>
-      <p>pic: {picPath}</p>
-      <p>qr: {qrPath}</p> */}
-      <Img pth={picPath} />
-      <DogNameTxt name={name} email={email} phone={phone} />
-    </div>
-  )
+  const content: ReactNode = dog.success === 1 ?
+  <div className = 'Dog'>
+  <h1>Hast Du mich gefunden?</h1>
+  {/* <p>name: {name}</p>
+  <p>email: {email}</p>
+  <p>phone: {phone}</p>
+  <p>pic: {picPath}</p>
+  <p>qr: {qrPath}</p> */}
+  <Img pth={picPath} />
+  <DogNameTxt name={name} email={email} phone={phone} />
+  </div>
+:
+<></>;
+
+  return ( content );
 }
 export default Dog;