From 411d443d7132c6e9135c045bf5abd22525763767 Mon Sep 17 00:00:00 2001
From: mattk <huskyhacks.mk@gmail.com>
Date: Wed, 14 Aug 2024 09:10:32 -0400
Subject: [PATCH] more detail in cards

---
 app/page.tsx           | 6 ++++++
 styles/Home.module.css | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/page.tsx b/app/page.tsx
index 4778eae..e8d2602 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -62,6 +62,9 @@ export default function Home() {
               <p>{app.description}</p>
               {expandedCard === index && (
                 <div className={styles.cardDetails}>
+                  <p><strong>App ID:</strong> {app.appId}</p>
+                  <p><strong>Owner Organization ID:</strong> {app.appOwnerOrganizationId}</p>
+                  <p><strong>Publisher:</strong> {app.appPublisherName}</p>
                   <p><strong>Contributor:</strong> {app.contributor}</p>
                   <p><strong>MITRE TTP:</strong> {app.mitreTTP.join(', ')}</p>
                   <p><strong>Tags:</strong> {app.tags.join(', ')}</p>
@@ -97,6 +100,9 @@ export default function Home() {
             <h3>{filteredApps[expandedCard].appDisplayName}</h3>
             <p>{filteredApps[expandedCard].description}</p>
             <div className={styles.cardDetails}>
+              <p><strong>App ID:</strong> {filteredApps[expandedCard].appId}</p>
+              <p><strong>Owner Organization ID:</strong> {filteredApps[expandedCard].appOwnerOrganizationId}</p>
+              <p><strong>Publisher:</strong> {filteredApps[expandedCard].appPublisherName}</p>
               <p><strong>Contributor:</strong> {filteredApps[expandedCard].contributor}</p>
               <p><strong>MITRE TTP:</strong> {filteredApps[expandedCard].mitreTTP.join(', ')}</p>
               <p><strong>Tags:</strong> {filteredApps[expandedCard].tags.join(', ')}</p>
diff --git a/styles/Home.module.css b/styles/Home.module.css
index c552bd0..3029b35 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -107,6 +107,7 @@
 
 .cardDetails p {
   margin: 0.5rem 0;
+  margin-top: 1em;
   font-size: 1rem;
   line-height: 1.5;
   color: var(--white-2);
@@ -172,4 +173,4 @@
   background-color: var(--primary-black);
   padding: 2px 4px;
   border-radius: 4px;
-}
\ No newline at end of file
+}