Skip to content

Conversation

@lmarini
Copy link
Member

@lmarini lmarini commented Sep 26, 2022

  • Removed placeholder right column on Explore page.
  • Switched to clickable card for datasets.
  • Added action buttons at bottom.
  • Fixed layout so that cards don't fill out the page width.

@lmarini lmarini marked this pull request as ready for review October 6, 2022 14:29
@lmarini lmarini changed the title [WIP] Explore page cleanup Explore page cleanup Oct 6, 2022
@lmarini lmarini mentioned this pull request Oct 10, 2022
Dataset</Button></Box>
<div className="inner-container">
<Grid container spacing={4}>
<Grid item xs={12} md={8}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think the xs, md, lg, xl might be needed on the grid. otherwise it looks weird with small number of items

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for catching this. Should be fixed now

@longshuicy longshuicy merged commit c484b00 into main Oct 10, 2022
longshuicy pushed a commit that referenced this pull request Oct 10, 2022
* Removed placeholder right column on Explore page.
Switched to clickable card for datasets.

* Show only 5 max lines for description of dataset card and add ellypsis.

* Default sort dataset list by creation date descending.

* Make sure Dataset CardActionArea fills the card so that CardAction is flushed at the bottom.

* Fixed dataset grid so that items are same width even if we don't have enough for one row.

* New previous/next buttons on dataset list.

* Change default page size for dataset list to 20, a multiple of 4, the default screen size columns size.

* Placeholder icons for download card download, favorite, share actions.

* Black formatting.

* Extra margin around dataset card icons to make it easier to click on icons.

* Set outer grid item size for proper layout when there is few datasets.
lmarini added a commit that referenced this pull request Oct 26, 2022
* replace dataset card

* Explore page cleanup (#108)

* Removed placeholder right column on Explore page.
Switched to clickable card for datasets.

* Show only 5 max lines for description of dataset card and add ellypsis.

* Default sort dataset list by creation date descending.

* Make sure Dataset CardActionArea fills the card so that CardAction is flushed at the bottom.

* Fixed dataset grid so that items are same width even if we don't have enough for one row.

* New previous/next buttons on dataset list.

* Change default page size for dataset list to 20, a multiple of 4, the default screen size columns size.

* Placeholder icons for download card download, favorite, share actions.

* Black formatting.

* Extra margin around dataset card icons to make it easier to click on icons.

* Set outer grid item size for proper layout when there is few datasets.

* remove wrong primary

* add layout

* add styling

* customize the searchbox

* styling the search dataset page

* add links to the side bar

* add files table

* default to its original

* add TODOs

* Added endpoint to search both file and dataset.

* embed datasearch to topbar

* add embedded search to the correct place

* wrap the search base on parent comp and dynamically switching between index for now

* embedded search working now

* multi search

* combine two searches into one

* identify based on index

* work on result component

* initial styles

* add more index

* include more fields on file

* fix typo

* no need to pass dataset name as a query parameter; get that info from backend

* black linting

* use react router link instead of the refreshing link

* remove unused component

* bump mui icon version up; use dataset icon

Co-authored-by: Luigi Marini <[email protected]>
Co-authored-by: Dipannita Dey <[email protected]>
lmarini added a commit that referenced this pull request Nov 1, 2022
* replace dataset card

* Explore page cleanup (#108)

* Removed placeholder right column on Explore page.
Switched to clickable card for datasets.

* Show only 5 max lines for description of dataset card and add ellypsis.

* Default sort dataset list by creation date descending.

* Make sure Dataset CardActionArea fills the card so that CardAction is flushed at the bottom.

* Fixed dataset grid so that items are same width even if we don't have enough for one row.

* New previous/next buttons on dataset list.

* Change default page size for dataset list to 20, a multiple of 4, the default screen size columns size.

* Placeholder icons for download card download, favorite, share actions.

* Black formatting.

* Extra margin around dataset card icons to make it easier to click on icons.

* Set outer grid item size for proper layout when there is few datasets.

* remove wrong primary

* add layout

* add styling

* customize the searchbox

* styling the search dataset page

* add links to the side bar

* add files table

* default to its original

* add TODOs

* Added endpoint to search both file and dataset.

* embed datasearch to topbar

* add embedded search to the correct place

* wrap the search base on parent comp and dynamically switching between index for now

* embedded search working now

* multi search

* combine two searches into one

* identify based on index

* work on result component

* initial styles

* add more index

* include more fields on file

* fix typo

* no need to pass dataset name as a query parameter; get that info from backend

* black linting

* use react router link instead of the refreshing link

* remove unused component

* add error boundary

* bump mui icon version up; use dataset icon

* add logic to refresh

* when expire redirect to login

* add refresh mechanism

* separate out search error boundary

* change route back

* put hard coded search endpoint to config

* breadcrumb functional now

Co-authored-by: Luigi Marini <[email protected]>
Co-authored-by: Dipannita Dey <[email protected]>
@max-zilla max-zilla deleted the dashboar_layout branch July 20, 2023 19:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants