ajustes finais dessa versao

src/components/CalculadoraEstruturas/componets/TabelaAcessorios/TabelaAcessorios.jsx

@@ -4,10 +4,12 @@ import BotaoPadrao from '../../../Botoes/BotaoPadrao.jsx';
 import { useOrcamentosStore } from '../../../../context/OrcamentosStore.js';
 import Acessorios from '../Acessorios/Acessorios.jsx';
 import formataValor from '../../../../scripts/formataValor.js';
+import { usePopup } from '../../../../context/PopupContext.jsx';
 
 const TabelaAcessorios = () => {
   const [quantidadesAcessorios, setQuantidadesAcessorios] = React.useState(Array(ValoresAcessorios.length).fill(0));
   const [valoresUnitariosAcessorios, setValoresUnitariosAcessorios] = React.useState(ValoresAcessorios.map(item => item.valor));
+  const { showPopup } = usePopup();
 
   const adicionarOrcamentoAcessorios = useOrcamentosStore(state => state.adicionarOrcamentoAcessorios);
 
@@ -25,7 +27,7 @@ const TabelaAcessorios = () => {
 
   const adicionarOrcamento = () => {
     const itensPreenchidosAcessorios = [];
-
+    showPopup('Orçamento adicionado', 'blue')
     quantidadesAcessorios.forEach((qtd, index) => {
       if (qtd > 0) {
         const item = ValoresAcessorios[index];

src/components/CalculadoraEstruturas/componets/TabelaEstruturas/TabelaEstruturas.jsx

@@ -4,12 +4,14 @@ import BotaoPadrao from '../../../Botoes/BotaoPadrao.jsx';
 import { useOrcamentosStore } from '../../../../context/OrcamentosStore.js';
 import formataValor from '../../../../scripts/formataValor.js';
 import Estruturas from '../Estruturas/Estruturas.jsx';
+import { usePopup } from '../../../../context/PopupContext.jsx'
 
 const TabelaEstruturas = () => {
   const [quantidadesEstrutura, setQuantidadesEstrutura] = React.useState(Array(ValoresDaEstrutura.length).fill(0));
   const [valoresUnitariosEstrutura, setValoresUnitariosEstrutura] = React.useState(ValoresDaEstrutura.map(item => item.valor));
   const [metragensEstrutura, setMetragensEstrutura] = React.useState(Array(ValoresDaEstrutura.length).fill(0));
   const adicionarOrcamentoEstruturas = useOrcamentosStore(state => state.adicionarOrcamentoEstruturas);
+  const { showPopup } = usePopup();
 
   const handleChangeQuantidadeEstrutura = (index, value) => {
     const newQuantidades = [...quantidadesEstrutura];
@@ -31,7 +33,7 @@ const TabelaEstruturas = () => {
 
   const adicionarOrcamento = () => {
     const itensPreenchidosEstrutura = [];
-
+    showPopup('Orçamento adicionado', 'blue')
     quantidadesEstrutura.forEach((qtd, index) => {
       if (qtd > 0) {
         const item = ValoresDaEstrutura[index];

src/components/CardOrcamentoLona/CardOrcamentoLona.jsx → src/components/CardsOrcamento/CardOrcamentoLona/CardOrcamentoLona.jsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import { usePopup } from '../../context/PopupContext.jsx';
+import { usePopup } from '../../../context/PopupContext.jsx';
 import { X } from 'lucide-react';
-import formataValor from '../../scripts/formataValor.js';
-import { useOrcamentosStore } from '../../context/OrcamentosStore.js';
-import LinhaPadrao from '../CardsOrcamento/components/LinhaPadrao.jsx';
+import formataValor from '../../../scripts/formataValor.js';
+import { useOrcamentosStore } from '../../../context/OrcamentosStore.js';
+import LinhaPadrao from '../components/LinhaPadrao.jsx';
 
-const CardOrcamentoLona = ({ orcamento, index }) => {
+const CardOrcamentoLona = ({ orcamento, index, tipo }) => {
   const removerOrcamentoLona = useOrcamentosStore(state => state.removerOrcamentoLona)
   const { showPopup } = usePopup();
   const [infoCompleta, setInfoCompleta] = React.useState(false)
@@ -35,7 +35,7 @@ const CardOrcamentoLona = ({ orcamento, index }) => {
       shadow-card outline-none hover:outline-indigo-600'
     >
       <div className='flex justify-between items-center' >
-        <h2 className='text-xl text-purple-400 font-semibold' >Informações da Lona</h2>
+        <h2 className='text-xl text-purple-400 font-semibold' >Lona - {tipo}</h2>
         <button className='rounded-full flex justify-center items-center w-10 h-10  p-0 bg-fundo-verde hover:bg-fundo-verdeH'
           onClick={handleClickRemover}
         >

src/components/CardsOrcamento/components/CardHeader.jsx

@@ -1,14 +1,17 @@
 import React from 'react'
 import { X } from 'lucide-react';
 import { useOrcamentosStore } from '../../../context/OrcamentosStore';
+import { usePopup } from '../../../context/PopupContext';
 
 
 const CardHeader = ({title, type}) => {
   const [removerOrcamentoEstrutura, removerOrcamentoAcessorio] = useOrcamentosStore(state => 
     [state.removerOrcamentoEstrutura, state.removerOrcamentoAcessorio]
   )
 
+  const { showPopup } = usePopup()
   const handleClickRemover = () =>{
+    showPopup('Orçamento removido da lista', 'red')
     if(type === 'estrutura'){
       removerOrcamentoEstrutura()
     }else if(type === 'acessorio'){

src/components/ExibeOrcamentos/ExibeOrcamentos.jsx

@@ -1,16 +1,17 @@
 import React from 'react'
-import CardOrcamentoLona from '../CardOrcamentoLona/CardOrcamentoLona';
+import CardOrcamentoLona from '../CardsOrcamento/CardOrcamentoLona/CardOrcamentoLona.jsx';
 import { useOrcamentosStore } from '../../context/OrcamentosStore.js';
 import CardOrcamentoEstruturas from '../CardsOrcamento/CardOrcamentoEstruturas/CardOrcamentoEstruturas.jsx';
 import CardOrcamentoAcessorios from '../CardsOrcamento/CardOrcamentoAcessorios/CardOrcamentoAcessorios.jsx';
 
+
 const ExibeOrcamentos = () => {
   const [orcamentosLona, orcamentosEstruturas, orcamentoAcessorios] = useOrcamentosStore(state =>  [state.orcamentosLona, state.orcamentosEstruturas, state.orcamentoAcessorios])
 
   return (
       <div className='flex w-fit flex-wrap gap-4'>
         {orcamentosLona.map((orcamento, index) => (
-          <CardOrcamentoLona key={index} orcamento={orcamento} index={index}/>
+          <CardOrcamentoLona key={index} orcamento={orcamento} index={index} tipo={orcamento.modelo.label}/>
         ))}
         {orcamentosEstruturas.length > 0 &&(
           <>

src/pages/Impressao/Impressao.module.css

@@ -26,5 +26,9 @@
 
 .btnImprimir{
   font-size: 16px;
+  background-color: purple;
+  border-radius: 8px;
+  padding: 4px 12px;
+  color: white;
 }