djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix products table content display (#1422)

Browse source
This commit is contained in:
Kamil Pastuszka 2021-09-20 14:28:15 +00:00 committed by GitHub
parent 705df796d2
commit 901ab2a505
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 103 additions and 104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/products/components/ProductList/ProductList.tsx
View file

@ -40,9 +40,9 @@ import { messages } from "./messages";
const useStyles = makeStyles( const useStyles = makeStyles(
theme => ({ theme => ({
[theme.breakpoints.up("lg")]: { [theme.breakpoints.up("md")]: {
colName: { colName: {
width: "auto" minWidth: 250
}, },
colPrice: { colPrice: {
width: 300 width: 300
@ -326,7 +326,6 @@ export const ProductList: React.FC<ProductListProps> = props => {
/> />
</TableCell> </TableCell>
<TableCellAvatar <TableCellAvatar
className={classes.colName}
thumbnail={maybe(() => product.thumbnail.url)} thumbnail={maybe(() => product.thumbnail.url)}
> >
{product?.productType ? ( {product?.productType ? (

202
src/storybook/__snapshots__/Stories.test.ts.snap
View file

@ -216170,7 +216170,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216273,7 +216273,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216376,7 +216376,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216479,7 +216479,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216582,7 +216582,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216685,7 +216685,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216788,7 +216788,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216891,7 +216891,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -216994,7 +216994,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217097,7 +217097,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217200,7 +217200,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217303,7 +217303,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217406,7 +217406,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217509,7 +217509,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217612,7 +217612,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217715,7 +217715,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217818,7 +217818,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -217921,7 +217921,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -218024,7 +218024,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -218127,7 +218127,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -218729,7 +218729,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -218832,7 +218832,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -218935,7 +218935,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219038,7 +219038,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219141,7 +219141,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219244,7 +219244,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219347,7 +219347,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219450,7 +219450,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219553,7 +219553,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219656,7 +219656,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219759,7 +219759,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219862,7 +219862,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -219965,7 +219965,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -220068,7 +220068,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -220171,7 +220171,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -220274,7 +220274,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -220377,7 +220377,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -220480,7 +220480,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -220583,7 +220583,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -220686,7 +220686,7 @@ exports[`Storyshots Views / Products / Product list limits reached 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -221254,7 +221254,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
> >
<div <div
class="Avatar-content-id" class="Avatar-content-id"
@ -221803,7 +221803,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -221891,7 +221891,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -221979,7 +221979,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222067,7 +222067,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222155,7 +222155,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222243,7 +222243,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222331,7 +222331,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222419,7 +222419,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222507,7 +222507,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222595,7 +222595,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222683,7 +222683,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222771,7 +222771,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222859,7 +222859,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -222947,7 +222947,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -223035,7 +223035,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -223123,7 +223123,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -223211,7 +223211,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -223299,7 +223299,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -223387,7 +223387,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -223475,7 +223475,7 @@ exports[`Storyshots Views / Products / Product list no channels 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -224437,7 +224437,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -224540,7 +224540,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -224643,7 +224643,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -224746,7 +224746,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -224849,7 +224849,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -224952,7 +224952,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225055,7 +225055,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225158,7 +225158,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225261,7 +225261,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225364,7 +225364,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225467,7 +225467,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225570,7 +225570,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225673,7 +225673,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225776,7 +225776,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225879,7 +225879,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -225982,7 +225982,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -226085,7 +226085,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -226188,7 +226188,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -226291,7 +226291,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -226394,7 +226394,7 @@ exports[`Storyshots Views / Products / Product list no limits 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -226946,7 +226946,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227049,7 +227049,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227152,7 +227152,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227255,7 +227255,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227358,7 +227358,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227461,7 +227461,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227564,7 +227564,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227667,7 +227667,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227770,7 +227770,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227873,7 +227873,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -227976,7 +227976,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228079,7 +228079,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228182,7 +228182,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228285,7 +228285,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228388,7 +228388,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228491,7 +228491,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228594,7 +228594,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228697,7 +228697,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228800,7 +228800,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div
@ -228903,7 +228903,7 @@ exports[`Storyshots Views / Products / Product list with data 1`] = `
</span> </span>
</td> </td>
<td <td
class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id ProductList-colName-id" class="MuiTableCell-root-id MuiTableCell-body-id TableCellAvatar-root-id"
thumbnail="placeholder255x255.png" thumbnail="placeholder255x255.png"
> >
<div <div