Merge pull request #122 from flagship-io/demo-example

Demo example

demo/src/App.tsx

@@ -5,6 +5,7 @@ import { Item } from "./Item";
 import { Container } from "@mui/material";
 import { useState } from "react";
 import { VipSwitch } from "./VipSwitch";
+import { Loading } from "./Loading";
 
 function App() {
   const [isVip, setIsVip] = useState(false);
@@ -22,6 +23,7 @@ function App() {
             fs_is_vip: isVip,
           },
         }}
+        loadingComponent={<Loading />}
       >
         <Item />
       </FlagshipProvider>

demo/src/Loading.tsx

@@ -0,0 +1,5 @@
+import { CircularProgress } from "@mui/material";
+
+export function Loading() {
+  return (<CircularProgress />);
+}

demo/src/itemData.ts

@@ -4,7 +4,7 @@ export const itemData = {
     subtitle: "Eloge floral",
     refNumber: "Ref: 123456",
     price: "€99.99",
-    imageUrl: "https://source.unsplash.com/white-and-grey-bedroom-interior-Cx188P-L_HY",
+    imageUrl: "./duvet_cover.jpg",
     imageAlt: "Contemplative Reptile",
     imageTitle: "Contemplative Reptile",
     discountPrice: "€79.99",