Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add similar design by type #933

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

FaheemOnHub
Copy link

This PR fixes depends on: https://github.com/layer5io/meshery-cloud/pull/3217

Changes:

  1. Adds a carousel slider to both "Designs by Organization" and "Designs by Type" for better navigation and presentation.
Screenshot 2025-02-23 at 12 03 05 AM

Signed commits

  • Yes, I signed my commits.

Copy link
Member

@sudhanshutech sudhanshutech left a comment

Choose a reason for hiding this comment

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

@FaheemOnHub few things.

  1. I guess you don't need to show arrow icons when there are not enough cards to scroll.
  2. The arrow icons shouldn't be overflowing outside the container

fetchingOrgError: boolean;
}

const SimilarDesign: React.FC<SimilarDesignProps> = ({
Copy link
Member

Choose a reason for hiding this comment

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

do we required to create a new file for by type. Can't we reuse the same related designs and just use the different filtering logic because the both use case are same.

top: '50%',
transform: 'translateY(-50%)',
zIndex: '1',
background: theme.palette.background.paper,
Copy link
Member

Choose a reason for hiding this comment

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

use sistent colors please

borderRadius: '50%',
boxShadow: '0 2px 4px rgba(0, 0, 0, 0.2)',
'&:hover': {
background: theme.palette.primary.main,
Copy link
Member

Choose a reason for hiding this comment

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

same here

@@ -243,6 +243,12 @@ const dataTableTheme = (theme: Theme, backgroundColor?: string) =>
root: {
'&.Mui-disabled': {
cursor: 'not-allowed'
},
'&:nth-of-type(even)': {
backgroundColor: theme.palette.action.hover
Copy link
Member

Choose a reason for hiding this comment

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

same here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants