Refactor vendor screen to use query strings BOD-125

client/src/pages/shop-vendor/shop-vendor.page.component.jsx

@@ -2,13 +2,11 @@ import React from "react";
 import VendorsListContainer from "../../components/vendors-list/vendors-list.container";
 import VendorsFormContainer from "../../components/vendors-form/vendors-form.container";
 
-export default function ShopVendorPageComponent({ selectedVendorState }) {
-  //TODO Figure out how to handle the refresh list when saving form
-
+export default function ShopVendorPageComponent() {
   return (
     <div>
-      <VendorsListContainer selectedVendorState={selectedVendorState} />
-      <VendorsFormContainer selectedVendor={selectedVendorState[0]} />
+      <VendorsListContainer />
+      <VendorsFormContainer />
     </div>
   );
 }

client/src/pages/shop-vendor/shop-vendor.page.container.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import ShopVendorPageComponent from "./shop-vendor.page.component";
 
@@ -7,12 +7,6 @@ export default function ShopVendorPageContainer() {
   useEffect(() => {
     document.title = t("titles.shop_vendors");
   }, [t]);
-  const fetchState = useState();
-  const selectedVendorState = useState();
-  return (
-    <ShopVendorPageComponent
-      selectedVendorState={selectedVendorState}
-      fetchState={fetchState}
-    />
-  );
+
+  return <ShopVendorPageComponent />;
 }