Testemain

src/components/ProductCategory/ProductCategory.js

@@ -390,6 +390,7 @@ function ProductCategory(props) {
          props.onCategoryUpdated(props.categoryKey, categoryName, categoryImage)
 
          closeCategoryModal()
+         window.location.reload()
          flashInfo()
      } catch (err) {
          console.log(err)

src/components/ProductModal/ProductModal.css

@@ -0,0 +1,38 @@
+@media screen and (max-width: 1822px) {
+    .modal-box .prod-modal {
+        max-width: 75%;
+    }
+}
+
+@media screen and (max-width: 1520px) {
+    .modal-box .prod-modal {
+        max-width: 95%;
+    }
+}
+
+@media screen and (max-width: 1222px) {
+    .modal-main-container {
+        flex-direction: column;
+    }   
+
+    .modal-main-container > div {
+        width: 100%;
+
+    }
+
+    .modal-main-container > div:first-child > div {
+        margin: 0 auto;
+    }
+}
+
+@media screen and (max-width: 512px) {
+    .modal-action {
+        justify-content: center;
+    }
+}
+
+@media screen and (max-width: 470px) {
+    .preco-container {
+        flex-direction: column;
+    }
+}

src/components/ProductModal/ProductModal.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import './ProductModal.css'
+
+function ProductModal(props) {
+  return (
+    <div className="modal modal-open">
+        <div className="modal-box bg-[#FFC376] shadow-[inset_-2px_5px_2px_2px_rgba(0,0,0,0.25)] border-8 border-[#D87B26] min-w-[62%] py-12 prod-modal">
+        <h3 className="font-bold text-lg alt-color-5">{props.title}</h3>
+
+        <form onSubmit={props.handleSubmit}>
+            {props.children}
+
+            <div className="modal-action">
+              <label htmlFor={props.modalName} className="px-5 py-1 quinteral-color-bg rounded font-pixel text-2xl shadow-md hvr-grow alt-color-5-bg tertiary-color cursor-pointer" onClick={props.closeModal}>Cancelar</label>
+              <button type="submit" className="px-5 py-1 quarternary-color-bg rounded font-pixel text-2xl shadow-md hvr-grow alt-color-5">Salvar</button>
+            </div>
+        </form>
+        </div>
+    </div>
+
+  )
+}
+
+export default ProductModal