add clacificaon result in samples card

src/components/Samples.css

@@ -1,9 +1,9 @@
 .samples-card {
     width: 35vw;
-    height: 10vh;
+    height: 15vh;
     background-color: white;
-    margin: 10px;
-    padding: 10px;
+    margin: 1rem;
+    padding: 1rem;
     border-style: solid;
     border-color: rgb(219, 219, 219);
     border-radius: 6px;
@@ -14,6 +14,10 @@
     margin: 30px;
 }
 
+.sample-classification {
+    font-size: small;
+}
+
 .sample-time {
     font-size: small;
 }

src/components/Samples.js

@@ -33,6 +33,7 @@ const Samples = () => {
                 samples.map((alert, index) => (
                     <div key={index} className='samples-card'>
                         <div tabIndex={index}><strong>{alert._id}</strong></div>
+                        <p className='sample-classification'>{alert.classificationResult}</p>
                         <p className='sample-time'>{alert.testTime}</p>
                         <p className='sample-time-ago'>{moment(alert.testTime).fromNow()}</p>
                     </div>