Use descriptions and summaries from registry (#60)

MetaMask · Sep 8, 2023 · 95717d2 · 95717d2
1 parent 8a862c5
commit 95717d2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/gatsby-node.ts b/gatsby-node.ts
@@ -115,11 +115,18 @@ export const sourceNodes: GatsbyNode[`sourceNodes`] = async ({
       : undefined;
 
     const [snapLocation, slug] = snap.id.split(':');
+    const description = normalizeDescription(
+      snap.metadata.description ?? manifest.description,
+    );
+    const summary = normalizeDescription(
+      snap.metadata.summary ?? manifest.description,
+    );
     const content = {
       ...snap.metadata,
       snapId: snap.id,
       name: manifest.proposedName,
-      description: normalizeDescription(manifest.description),
+      description,
+      summary,
       location: snapLocation,
       slug,
       latestVersion,

diff --git a/src/components/SnapCard.tsx b/src/components/SnapCard.tsx
@@ -6,11 +6,8 @@ import { SnapAuthorship } from './SnapAuthorship';
 import type { Fields } from '../utils';
 
 export const SnapCard: FunctionComponent<
-  Fields<
-    Queries.Snap,
-    'name' | 'description' | 'snapId' | 'icon' | 'gatsbyPath'
-  >
-> = ({ name, description, snapId, icon, gatsbyPath }) => {
+  Fields<Queries.Snap, 'name' | 'summary' | 'snapId' | 'icon' | 'gatsbyPath'>
+> = ({ name, summary, snapId, icon, gatsbyPath }) => {
   return (
     <Link to={gatsbyPath}>
       <Flex
@@ -35,7 +32,7 @@ export const SnapCard: FunctionComponent<
               WebkitBoxOrient: 'vertical',
             }}
           >
-            {description}
+            {summary}
           </Text>
         </Flex>
       </Flex>

diff --git a/src/components/providers/SnapsProvider.tsx b/src/components/providers/SnapsProvider.tsx
@@ -31,6 +31,7 @@ export const SnapsProvider: FunctionComponent<SnapsProviderProps> = ({
         nodes {
           snapId
           name
+          summary
           description
           icon
           latestVersion