Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

fix icon issues

Browse source
This commit is contained in:
chark1es 2025-02-18 04:45:46 -08:00
parent 93e017986d
commit fc22a79f12
2 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/dashboard/EventsSection/EventCheckIn.tsx
View file

@ -5,6 +5,7 @@ import { Update } from "../../../scripts/pocketbase/Update";
import { SendLog } from "../../../scripts/pocketbase/SendLog"; import { SendLog } from "../../../scripts/pocketbase/SendLog";
import { Icon } from "@iconify/react"; import { Icon } from "@iconify/react";
interface Event { interface Event {
id: string; id: string;
event_name: string; event_name: string;
@ -63,15 +64,16 @@ const createToast = (
? "alert-error bg-error text-error-content" ? "alert-error bg-error text-error-content"
: "alert-warning bg-warning text-warning-content"; : "alert-warning bg-warning text-warning-content";
const iconName = type === "success"
? "heroicons:check-circle"
: type === "error"
? "heroicons:x-circle"
: "heroicons:exclamation-triangle";
toast.innerHTML = ` toast.innerHTML = `
<div class="alert ${alertClass} shadow-lg min-w-[300px]"> <div class="alert ${alertClass} shadow-lg min-w-[300px]">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="iconify w-6 h-6" data-icon="${type === "success" <iconify-icon icon="${iconName}" width="20" height="20"></iconify-icon>
? "mdi:check-circle-outline"
: type === "error"
? "mdi:alert-circle-outline"
: "mdi:alert-outline"
}"></span>
<span>${message}</span> <span>${message}</span>
</div> </div>
</div> </div>
@ -273,11 +275,15 @@ const EventCheckIn = () => {
/> />
<button <button
type="submit" type="submit"
className={`btn btn-primary h-10 min-h-[2.5rem] text-sm sm:text-base w-full sm:w-auto ${isLoading ? "loading" : ""}`} className={`btn btn-primary h-10 min-h-[2.5rem] text-sm sm:text-base w-full sm:w-auto`}
disabled={isLoading} disabled={isLoading}
> >
{isLoading ? ( {isLoading ? (
<span className="loading loading-spinner loading-xs"></span> <Icon
icon="line-md:loading-twotone-loop"
className="w-5 h-5"
inline={true}
/>
) : ( ) : (
"Check In" "Check In"
)} )}

3
src/pages/dashboard.astro
View file

@ -16,6 +16,9 @@ const title = "Dashboard";
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{title} | IEEE UCSD</title> <title>{title} | IEEE UCSD</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" />
<script
src="https://code.iconify.design/iconify-icon/2.3.0/iconify-icon.min.js"
></script>
</head> </head>
<body class="bg-base-200"> <body class="bg-base-200">
<div class="flex h-screen"> <div class="flex h-screen">