Polaris-react: ResourceList showHeader displays header, but its empty

Created on 28 Oct 2019  Â·  3Comments  Â·  Source: Shopify/polaris-react

Issue summary


when showHeader for resourceList is set to true, i get an empty header with no text inside it

Expected behavior


I get a header saying: showing x items

Actual behavior


Empty Header
Screenshot 2019-10-28 at 16 31 40

I get an empty header

Steps to reproduce the problem


Code
Screenshot 2019-10-28 at 15 45 00 >

Reduced test case

The best way to get your bug fixed is to provide a reduced test case. This CodeSandbox template is a great starting point.

Specifications

  • Are you using the React components? (Y/N):
  • Polaris version number: 4.7.1
  • Browser: chrome
  • Device: MacBook
  • Operating System: osx

Or run npx envinfo --system --binaries --browsers --npmPackages react,react-dom,@shopify/polaris to provide specifications on your environment including version numbers, browser, device, and operating system.

Paste the results here:

System:
    OS: macOS Mojave 10.14.6
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
    Memory: 2.13 GB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 12.8.0 - /usr/local/bin/node
    Yarn: 1.17.3 - /usr/local/bin/yarn
    npm: 6.10.3 - /usr/local/bin/npm
  Browsers:
    Chrome: 77.0.3865.120
    Safari: 12.1.2
  npmPackages:
    @shopify/polaris: ^4.7.1 => 4.7.1
    react: ^16.11.0 => 16.11.0
    react-dom: ^16.11.0 => 16.11.0

Icebox

Most helpful comment

i had the same issue before , and the fix was simple ;
in your AppProvider you need to add i18n props ;

import en from '@shopify/polaris/locales/en.json';

<AppProvider  i18n={en}>
   YOUR APP
<AppProvider/>

All 3 comments

👋 Thanks for opening your first issue. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

i had the same issue before , and the fix was simple ;
in your AppProvider you need to add i18n props ;

import en from '@shopify/polaris/locales/en.json';

<AppProvider  i18n={en}>
   YOUR APP
<AppProvider/>

This issue has been inactive for 180 days and labeled with Icebox. It will be closed in 7 days if there is no further activity.

Was this page helpful?
0 / 5 - 0 ratings