Merge pull request #5765 from marmelab/demo-css

Fix demo doesn't need a CSS preprocessor
marmelab · Jan 13, 2021 · fe1247e · fe1247e
2 parents 2b7b6f5 + c0ab59d
commit fe1247e
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 39 deletions.
diff --git a/examples/data-generator/src/commands.ts b/examples/data-generator/src/commands.ts
@@ -12,6 +12,7 @@ import {
 export default (db, { serializeDate }) => {
     const today = new Date();
     const aMonthAgo = subDays(today, 30);
+    const realCustomers = db.customers.filter(customer => customer.has_ordered);
 
     return Array.from(Array(600).keys()).map(id => {
         const nbProducts = weightedArrayElement(
@@ -35,9 +36,7 @@ export default (db, { serializeDate }) => {
         const taxes = parseFloat(
             ((total_ex_taxes + delivery_fees) * tax_rate).toFixed(2)
         );
-        const customer = random.arrayElement(
-            db.customers.filter(customer => customer.has_ordered)
-        );
+        const customer = random.arrayElement(realCustomers);
         const date = randomDate(customer.first_seen, customer.last_seen);
 
         const status =

diff --git a/examples/demo/public/index.html b/examples/demo/public/index.html
@@ -20,6 +20,12 @@
     -->
         <title>Posters Galore Administration</title>
         <style>
+            body {
+                margin: 0;
+                padding: 0;
+                font-family: sans-serif;
+            }
+
             .loader-container {
                 display: flex;
                 align-items: center;

diff --git a/examples/demo/src/App.css b/examples/demo/src/App.css
diff --git a/examples/demo/src/App.tsx b/examples/demo/src/App.tsx
@@ -3,8 +3,6 @@ import { useState, useEffect } from 'react';
 import { Admin, Resource, DataProvider } from 'react-admin';
 import polyglotI18nProvider from 'ra-i18n-polyglot';
 
-import './App.css';
-
 import authProvider from './authProvider';
 import themeReducer from './themeReducer';
 import { Login, Layout } from './layout';

diff --git a/examples/demo/src/index.css b/examples/demo/src/index.css
diff --git a/examples/demo/src/index.tsx b/examples/demo/src/index.tsx
@@ -4,6 +4,5 @@ import 'proxy-polyfill';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
-import './index.css';
 
 ReactDOM.render(<App />, document.getElementById('root'));