try column headers "Trade for your/their…"

This commit is contained in:
Emi Matchu 2020-11-25 02:24:15 -08:00
parent f09c17e2f5
commit 0674834fb2

View file

@ -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,