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

ISSITES-5869 add page size for pagination, sort and search functionality #41

Open
wants to merge 6 commits into
base: marketplace_poc_rebase
Choose a base branch
from

Conversation

jotchon
Copy link

@jotchon jotchon commented Dec 28, 2022

No description provided.

@allen-ziegenfus
Copy link
Owner

ci:test:sf

@liferay-continuous-integration
Copy link
Collaborator

Closing pull request because pulls for reference marketplace_poc_rebase should not be sent to repository liferay-portal

}

.table .column-name:hover:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='lexicon-icon lexicon-icon-order-arrow' height='12' width='12' role='presentation' viewBox='0 0 512 512'%3E%3Cpath class='lexicon-icon-outline order-arrow-arrow-down' d='M307.6,431.5l71.6,71.6c11.9,10.8,32.9,11.2,45.8,0l71.6-71.6c29.8-33.6-15.8-74.9-45.8-45.8l-16.7,16.7V31.6c0-42.5-64-42.5-64,0v370.8l-16.7-16.7C321.6,355.8,277.9,400.6,307.6,431.5z' fill='%23999AA3'%3E%3C/path%3E%3Cpath class='lexicon-icon-outline order-arrow-arrow-up' d='M204.4,80.5L132.8,8.9C120.9-1.8,99.9-2.3,87,8.9L15.4,80.5c-29.8,33.6,15.7,74.9,45.8,45.8l16.7-16.7v370.8c0,42.5,64,42.5,64,0V109.6l16.7,16.7C190.4,156.2,234.1,111.4,204.4,80.5z' fill='%23999AA3'%3E%3C/path%3E%3C/svg%3E");
Copy link
Owner

Choose a reason for hiding this comment

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

I find these always hard to read - is there a way we could just use a regular svg in markup instead of this?

@@ -0,0 +1,84 @@
/**
Copy link
Owner

Choose a reason for hiding this comment

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

this file isn't formatted correctly - always tabs not spaces!

<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
<ClayLoadingIndicator displayType="primary" shape="squares" size="lg" />

<div>
Hang tight, we are preparing your arrival as publisher and
Copy link
Owner

Choose a reason for hiding this comment

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

can you add language keys for these text snippets?

@@ -16,21 +16,23 @@ import {useQuery} from 'react-query';

import fetchProducts from '../queries/fetchProducts';

const getProducts = (_, languageId, page) => {
const getProducts = (_, languageId, page, pageSize, sort, search) => {
Copy link
Owner

Choose a reason for hiding this comment

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

can you please sort the parameters

return <th key={accessor}>{label}</th>;
if (sort.includes(accessor)) {
if (order) {
return <th className="column-name" data-category={accessor} key={accessor} onClick={handleSortClick}>{label} <svg class="lexicon-icon lexicon-icon-order-arrow-up" focusable="false" role="presentation"><use xlinkHref="/o/admin-theme/images/clay/icons.svg#order-arrow-up" /></svg></th>;
Copy link
Owner

Choose a reason for hiding this comment

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

can you simplify this? it looks like almost the same markup twice

@@ -16,85 +32,122 @@ const Table = () => {
const publisherName = 'Acme Co';
const [languageId] = useState(Liferay.ThemeDisplay.getLanguageId());
const [page, setPage] = useState(1);
const [delta, setDelta] = useState(10);
Copy link
Owner

Choose a reason for hiding this comment

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

can we sort these please?

@allen-ziegenfus
Copy link
Owner

I deployed this to https://marketplace-uat.lxc.liferay.com/dashboard

I noticed a few things:

  1. When switching between pages the column widths change which is a little jarring - can we make it consistent?
  2. The UI seems to offer me the ability to sort by version, but when I click there nothing happens.
    Peek 2023-01-07 17-55

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