Use <> instead of React.Fragment seems to work fine

UnlyEd · Oct 29, 2020 · 6838ed3 · 6838ed3 · github-actions · Oct 29, 2020
1 parent 860f5c2
commit 6838ed3
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/data/AllProducts.tsx b/src/components/data/AllProducts.tsx
@@ -1,3 +1,4 @@
+import { css } from '@emotion/core';
 import filter from 'lodash.filter';
 import React from 'react';
 
@@ -15,8 +16,12 @@ const AllProducts: React.FunctionComponent<Props> = (props) => {
   const productsDraft: AirtableRecord<Product>[] = filter(products, { fields: { status: 'DRAFT' } });
 
   return (
-    <React.Fragment>
-      <h2>Published products</h2>
+    <>
+      <h2
+        css={css`
+          background-color: black;
+      `}
+      >Published products</h2>
 
       <Products
         products={productsPublished}
@@ -29,7 +34,7 @@ const AllProducts: React.FunctionComponent<Props> = (props) => {
       <Products
         products={productsDraft}
       />
-    </React.Fragment>
+    </>
   );
 };