allowing close new job alert

Author: manuelernestog

src/pages/nuevo-empleo.astro

@@ -26,7 +26,7 @@ for (const key in categories) {
   <div class="lg:max-w-[58rem] mx-auto w-full md:mt-12">
     <div
       id="newJobsAlert"
-      class="flex p-4 hidden mt-5 md:mt-0 text-sm mb-6 text-blue-800 border border-blue-300 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400 dark:border-blue-800"
+      class="flex p-4 mt-5 md:mt-0 text-sm mb-6 text-blue-800 border border-blue-300 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400 dark:border-blue-800"
       role="alert"
     >
       <svg
@@ -42,7 +42,7 @@ for (const key in categories) {
       >
       <span class="sr-only">Info</span>
       <div>
-        <span class="font-medium">Antes de publicar su anuncio, asegúrese de respetar las siguientes normas.</span>
+        <span class="font-medium">Antes de publicar su anuncio, asegúrese de respetar las siguientes normas para no ser baneado de la plataforma.</span>
         <ul class="mt-1.5 ml-4 list-disc list-inside">
           <li>Solo publicar ofertas de trabajo.</li>
           <li>No publicar candidaturas (Que estas buscando trabajo).</li>
@@ -51,7 +51,7 @@ for (const key in categories) {
           <li>No publicar ofertas de trabajos engañosas o inmorales.</li>
         </ul>
       </div>
-      <!-- <button
+      <button
       type="button"
       class="ml-auto -mx-1.5 -my-1.5 bg-blue-50 text-blue-500 rounded-lg focus:ring-2 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex h-8 w-8 dark:bg-gray-800 dark:text-blue-300 dark:hover:bg-gray-700"
       data-dismiss-target="#newJobsAlert"
@@ -65,7 +65,7 @@ for (const key in categories) {
           d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
           clip-rule="evenodd"></path></svg
       >
-    </button> -->
+    </button>
     </div>
   </div>
 
@@ -157,16 +157,6 @@ for (const key in categories) {
   var control = new TomSelect("#categories", { maxItems: 5 });
 </script>
 
-<script is:inline>
-  if (localStorage.getItem("hideNewJobAlert") === null) {
-    document.getElementById("newJobsAlert").classList.remove("hidden");
-  }
-
-  document.getElementById("closeNewJobsAlert").addEventListener("click", () => {
-    localStorage.hideNewJobAlert = true;
-  });
-</script>
-
 <script>
   import { backend_url } from "../data/conf.json";
   import blacklist from "../data/blacklist.json";