healthyregions / SDOHPlace

Landing page and data discovery application for SDOH Place Project.
https://sdohplace.org
GNU General Public License v3.0
1 stars 1 forks source link

#172: add result list item component #175

Closed pengyin-shan closed 5 months ago

pengyin-shan commented 5 months ago

This PR is for #172. I created the component to fit the container's size (in the code, I made the example container 499px to simulate the design). We don't have the mobile design, but I aligned the elements vertically for small screens.

Note that we will need new icons. Currently, I just pass an existing icon on the home page to the test component.


How to Test


During the development, I found that it would be better to define the exact objects under 'meta' field for the SolrObject.

Originally I have

export interface SolrObject {
  id: string;
  title: string;
  ...
  meta: { [key: string]: string | string[] };
  ...
}

but string | string[] type can cause some problems when passing these meta fields as attributes of the component, so I will work on #176

After this ticket, I will work on #173.

netlify[bot] commented 5 months ago

Deploy Preview for cheerful-treacle-913a24 ready!

Name Link
Latest commit 206ca5d6096f87f54fb01c22ecc9848d0e5e6397
Latest deploy log https://app.netlify.com/sites/cheerful-treacle-913a24/deploys/66830f29ff77c90008c7a4d7
Deploy Preview https://deploy-preview-175--cheerful-treacle-913a24.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.