try column headers "Trade for your/their…"
This commit is contained in:
parent
f09c17e2f5
commit
0674834fb2
1 changed files with 6 additions and 8 deletions
|
@ -14,7 +14,7 @@ export function ItemTradesOfferingPage() {
|
||||||
<ItemTradesPage
|
<ItemTradesPage
|
||||||
title="Trades: Offering"
|
title="Trades: Offering"
|
||||||
userHeading="Owner"
|
userHeading="Owner"
|
||||||
compareListHeading="They're seeking"
|
compareColumnLabel="Trade for your…"
|
||||||
tradesQuery={gql`
|
tradesQuery={gql`
|
||||||
query ItemTradesTableOffering($itemId: ID!) {
|
query ItemTradesTableOffering($itemId: ID!) {
|
||||||
item(id: $itemId) {
|
item(id: $itemId) {
|
||||||
|
@ -47,7 +47,7 @@ export function ItemTradesSeekingPage() {
|
||||||
<ItemTradesPage
|
<ItemTradesPage
|
||||||
title="Trades: Seeking"
|
title="Trades: Seeking"
|
||||||
userHeading="Seeker"
|
userHeading="Seeker"
|
||||||
compareListHeading="They're offering"
|
compareColumnLabel="Trade for their…"
|
||||||
tradesQuery={gql`
|
tradesQuery={gql`
|
||||||
query ItemTradesTableSeeking($itemId: ID!) {
|
query ItemTradesTableSeeking($itemId: ID!) {
|
||||||
item(id: $itemId) {
|
item(id: $itemId) {
|
||||||
|
@ -78,7 +78,7 @@ export function ItemTradesSeekingPage() {
|
||||||
function ItemTradesPage({
|
function ItemTradesPage({
|
||||||
title,
|
title,
|
||||||
userHeading,
|
userHeading,
|
||||||
compareListHeading,
|
compareColumnLabel,
|
||||||
tradesQuery,
|
tradesQuery,
|
||||||
}) {
|
}) {
|
||||||
const { itemId } = useParams();
|
const { itemId } = useParams();
|
||||||
|
@ -114,7 +114,7 @@ function ItemTradesPage({
|
||||||
<ItemTradesTable
|
<ItemTradesTable
|
||||||
itemId={itemId}
|
itemId={itemId}
|
||||||
userHeading={userHeading}
|
userHeading={userHeading}
|
||||||
compareListHeading={compareListHeading}
|
compareColumnLabel={compareColumnLabel}
|
||||||
tradesQuery={tradesQuery}
|
tradesQuery={tradesQuery}
|
||||||
/>
|
/>
|
||||||
</ItemPageLayout>
|
</ItemPageLayout>
|
||||||
|
@ -124,7 +124,7 @@ function ItemTradesPage({
|
||||||
function ItemTradesTable({
|
function ItemTradesTable({
|
||||||
itemId,
|
itemId,
|
||||||
userHeading,
|
userHeading,
|
||||||
compareListHeading,
|
compareColumnLabel,
|
||||||
tradesQuery,
|
tradesQuery,
|
||||||
}) {
|
}) {
|
||||||
const { isLoggedIn } = useCurrentUser();
|
const { isLoggedIn } = useCurrentUser();
|
||||||
|
@ -186,7 +186,7 @@ function ItemTradesTable({
|
||||||
{shouldShowCompareColumn && (
|
{shouldShowCompareColumn && (
|
||||||
<ItemTradesTableCell as="th" width={minorColumnWidth}>
|
<ItemTradesTableCell as="th" width={minorColumnWidth}>
|
||||||
<Box display={{ base: "none", sm: "block" }}>
|
<Box display={{ base: "none", sm: "block" }}>
|
||||||
Potential trades
|
{compareColumnLabel}
|
||||||
</Box>
|
</Box>
|
||||||
<Box display={{ base: "block", sm: "none" }}>Matches</Box>
|
<Box display={{ base: "block", sm: "none" }}>Matches</Box>
|
||||||
</ItemTradesTableCell>
|
</ItemTradesTableCell>
|
||||||
|
@ -222,7 +222,6 @@ function ItemTradesTable({
|
||||||
trades.map((trade) => (
|
trades.map((trade) => (
|
||||||
<ItemTradesTableRow
|
<ItemTradesTableRow
|
||||||
key={trade.id}
|
key={trade.id}
|
||||||
compareListHeading={compareListHeading}
|
|
||||||
href={`/user/${trade.user.id}/items#list-${trade.closetList.id}`}
|
href={`/user/${trade.user.id}/items#list-${trade.closetList.id}`}
|
||||||
username={trade.user.username}
|
username={trade.user.username}
|
||||||
listName={trade.closetList.name}
|
listName={trade.closetList.name}
|
||||||
|
@ -248,7 +247,6 @@ function ItemTradesTable({
|
||||||
}
|
}
|
||||||
|
|
||||||
function ItemTradesTableRow({
|
function ItemTradesTableRow({
|
||||||
compareListHeading,
|
|
||||||
href,
|
href,
|
||||||
username,
|
username,
|
||||||
listName,
|
listName,
|
||||||
|
|
Loading…
Reference in a new issue