Merge pull request #80 from harshmangalam/revert-79-main

Revert "enhance alert box accessbility #52 issue"

src/components/ui/alert.tsx

@@ -1,42 +1,14 @@
-import { component$, useStore } from "@builder.io/qwik";
+import { component$ } from "@builder.io/qwik";
 
 type Props = {
   text: string;
   status: "alert-info" | "alert-success" | "alert-warning" | "alert-error";
-  onClose?: () => void;
 };
-
 export const Alert = component$((props: Props) => {
-  const { text, status = "alert-info", onClose } = props;
-  const store = useStore({ isVisible: true });
-
-  const handleClose = () => {
-    store.isVisible = false;
-    if (onClose) {
-      onClose();
-    }
-  };
-
-  if (!store.isVisible) return null;
-
+  const { text, status = "alert-info" } = props;
   return (
-    <div 
-      role="alert" 
-      aria-live="assertive" 
-      aria-atomic="true" 
-      class={["alert", status]} 
-      aria-label="Alert"
-    >
+    <div class={["alert", status]}>
       <span>{text}</span>
-      {onClose && (
-        <button 
-          onClick={handleClose} 
-          aria-label="Close alert"
-          class="close-button"
-        >
-          &times; {/* Close icon */}
-        </button>
-      )}
     </div>
   );
 });