BOD-63 Prevent render of invoice detail when not selected

client/src/components/invoice-detail-edit/invoice-detail-edit.container.jsx

@@ -11,6 +11,7 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import InvoiceFormContainer from "../invoice-form/invoice-form.container";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
+import { useTranslation } from "react-i18next";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -18,7 +19,7 @@ const mapStateToProps = createStructuredSelector({
 
 export function InvoiceDetailEditContainer({ bodyshop }) {
   const search = queryString.parse(useLocation().search);
-
+  const { t } = useTranslation();
   const [form] = Form.useForm();
 
   const { loading, error, data } = useQuery(QUERY_INVOICE_BY_PK, {
@@ -37,6 +38,7 @@ export function InvoiceDetailEditContainer({ bodyshop }) {
   }, [form, search.invoiceid]);
 
   if (error) return <AlertComponent message={error.message} type="error" />;
+  if (!!!search.invoiceid) return <div>{t("invoices.labels.noneseleced")}</div>;
   return (
     <LoadingSkeleton loading={loading}>
       <Form