Add basic table for similar bed files and pdf download button for plots #155
Conversation
Deploying bedhost-ui with
|
| Latest commit: |
0fc1b37
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://9197dc33.bedhost.pages.dev |
| Branch Preview URL: | https://dev-sam.bedhost.pages.dev |
| @@ -55,13 +57,15 @@ const Plot = (props: PlotProps) => { | |||
|
|
|||
| export const Plots = (props: PlotsProps) => { | |||
| const { metadata } = props; | |||
| console.log(props) | |||
| if (!(e.target as HTMLElement).closest('button')) { | ||
| window.location.href = `/bed/${id}`; | ||
| } | ||
| }; |
There was a problem hiding this comment.
Curious what this is doing? Are we able to somehow make it an href or anchor tag (<a />)?
There was a problem hiding this comment.
I think I get it. I was looking at it seems that there's not really a nice "right" way to make a row a link: https://stackoverflow.com/questions/17147821/how-to-make-a-whole-row-in-a-table-clickable-as-a-link
I'm confused why its not just window.location.href = /bed/idand whatclosest` is doing? Im sure I am missing something.
| const handleRowClick = (id?: string) => (e: React.MouseEvent) => { | ||
| if (!(e.target as HTMLElement).closest('button')) { | ||
| window.location.href = `/bed/${id}`; | ||
| } | ||
| }; | ||
|
|
There was a problem hiding this comment.
Third time i've seen... should we abstract this into a util function?
| <p className='mb-0'> | ||
| <div className="badge bg-primary text-wrap"> | ||
| <i className="bi bi-file-earmark-text me-1" /> | ||
| {metadata.bed_ids?.length} BED files |
There was a problem hiding this comment.
Should we check for bed_ids first? Otherwise this will render as just BED files. Small thing, just curious
ui/src/pages/bedset-splash.tsx
Outdated
| console.log(useBedsetMetadata({ | ||
| md5: bedsetId, | ||
| autoRun: true, | ||
| })); | ||
|
|
| @@ -0,0 +1,24 @@ | |||
| import { useQuery } from '@tanstack/react-query'; | |||
This is per @khoroshevskyi's request to have something in time for Bing's poster presentation tomorrow and lab meeting next week. I added a basic table showing similar bed files (same component as text-2-bed search table results) for now and buttons for downloading full pdfs for all figures. I also cleaned up some small bootstrap details so things align better.