Fix errors and warnings from astro check. (#1203)

Author: nikoshell

src/components/Footer.astro

@@ -1,6 +1,4 @@
 ---
-import { Fullbleed } from "./layout/fullbleed";
-
 import links from "../data/links.json";
 import { EPSLogo } from "./logo/eps-logo";
 

src/components/Header.astro

@@ -1,5 +1,4 @@
 ---
-import { promises as fs } from "fs";
 import { NavItems } from "@components/nav-items";
 import HeaderActions from "@components/header/header-actions.astro";
 import HeaderLogo from "@components/header/header-logo.astro";

src/components/Search.astro

@@ -1,6 +1,5 @@
 ---
 import SearchComponent from "astro-pagefind/components/Search";
-import Button from "@ui/Button.astro";
 import Modal from "@components/Modal.astro";
 
 ---

src/components/SocialMediaCard.astro

@@ -1,13 +1,12 @@
 ---
-import { getCollection, getEntries, type CollectionEntry } from "astro:content";
-import { Image } from "astro:assets";
+import { getEntries, type CollectionEntry } from "astro:content";
 
 const { entry } = Astro.props;
 
-const sessions = await getEntries(entry.data.submissions);
+const sessions: CollectionEntry<"sessions">[]= await getEntries(entry.data.submissions);
 ---
 <svg width="900" height="900" class="h-full w-full -z-10">
-  <image href="http://localhost:4321/social/bg.png" width="900" height="900" />
+  <image href="/social/bg.png" width="900" height="900" />
 </svg>
 {
   entry.data.avatar ? (

src/components/button-link/button-link.astro

@@ -15,10 +15,7 @@ const {
   className = "",
   secondary = false,
   disabled = false,
-  isExternal,
 } = Astro.props;
-const resolvedIsExternal =
-  isExternal !== undefined ? isExternal : url?.startsWith("http");
 ---
 
 <a

src/components/header/header-actions.astro

@@ -1,6 +1,5 @@
 ---
 import Button from "@ui/Button.astro";
-import HeaderButton from "./header-button.astro";
 import Icon from "@ui/Icon.astro";
 
 export interface Props {
@@ -11,8 +10,6 @@ const { mobile = false }: Props = Astro.props;
 
 const IS_LIVE = false;
 
-
-      //<Button id="searchButton" icon="search" iconSize="fa-xl" clear title="Search (Crtl+K)"></Button>
 ---
 
 <div class="flex items-center justify-end gap-2 h-[85px] w-1/3">

src/components/header/header-logo.astro

@@ -1,6 +1,4 @@
 ---
-import { Logo } from "../logo";
-
 interface Props {
   inverted?: boolean;
 }

src/components/hero2/hero.astro

@@ -4,7 +4,6 @@ import heroImage from "./conference_photo.jpg";
 
 import IconWithLabel from "./icon-label.astro";
 import Button from "@ui/Button.astro";
-import Section from "@ui/Section.astro";
 
 const action1 = "/tickets";
 const action2 = "/sponsorship/sponsor/";

src/components/schedule/day.astro

@@ -1,13 +1,10 @@
 
 ---
-import { type CollectionEntry, getEntry, getCollection } from "astro:content";
+import { type CollectionEntry, getCollection } from "astro:content";
 import Break from "@components/schedule/break.astro";
 import Session from "@components/schedule/session.astro";
 import { addMinutes, differenceInMinutes, parseISO } from "date-fns";
-//import { Title } from "@components/typography/title";
 import Headline from "@components/ui/Headline.astro";
-import Button from "@ui/Button.astro";
-import { Select } from "@components/form/select";
 import { formatInTimeZone } from "date-fns-tz";
 
 

src/components/schedule/session.astro

@@ -1,8 +1,6 @@
 ---
-import { formatInTimeZone } from "date-fns-tz";
 import Speakers from "./speakers.astro";
 import { slugify } from "@utils/content";
-import Icon from "@ui/Icon.astro";
 
 export interface props {
   style: any;

src/components/sponsors/sponsors.astro

@@ -2,7 +2,6 @@
 import { getCollection } from "astro:content";
 import { Separator } from "../separator/separator";
 import { Fragment } from "react";
-import { Fullbleed } from "../layout/fullbleed";
 import Headline from "@ui/Headline.astro"
 import Section from "@ui/Section.astro"
 

src/components/ui/YouTube.astro

@@ -1,13 +1,21 @@
 ---
-import { YouTube } from "@astro-community/astro-embed-youtube";
+import { YouTube as Player } from "@astro-community/astro-embed-youtube";
+
+type Props = {
+  id?: string;
+  class?: string;
+  [key: string]: any;
+}
 
 const {
   class: userClass = '',
   ...attrs
 } = Astro.props;
 
+const attrId = attrs.id || '';
+
 const defaultClass = 'border-4 border-white rounded-lg shadow-lg';
 const className = `${defaultClass} ${userClass}`.trim();
 ---
 
-<YouTube class={className} {...attrs} />
+<Player id={attrId} class={className} {...attrs} />

src/layouts/ScheduleLayout.astro

@@ -1,6 +1,5 @@
 ---
 import Layout from "@layouts/Layout.astro";
-import Headline from "@ui/Headline.astro";
 import Section from "@ui/Section.astro";
 
 export interface Props {

src/pages/media/card/[slug].astro

@@ -1,5 +1,5 @@
 ---
-import { getCollection, getEntries, type CollectionEntry } from "astro:content";
+import { getCollection} from "astro:content";
 import SocialMediaCard from "@components/SocialMediaCard.astro";
 
 export async function getStaticPaths() {
@@ -84,7 +84,7 @@ fitAllText();
 window.addEventListener('resize', fitAllText);
 </script>
 
-<script define:vars={{slug: entry.data.slug}}>
+<script is:inline define:vars={{slug: entry.data.slug}}>
   document.addEventListener('DOMContentLoaded', () => {
     document.querySelectorAll('.social').forEach((socialDiv, index) => {
 

src/pages/media/social_media_cards.astro

@@ -1,5 +1,5 @@
 ---
-import { getCollection, getEntries, type CollectionEntry } from "astro:content";
+import { getCollection, type CollectionEntry } from "astro:content";
 import SocialMediaCard from "@components/SocialMediaCard.astro";
 
 

src/pages/schedule.astro

@@ -1,5 +1,5 @@
 ---
-import { getEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import Layout from "@layouts/ScheduleLayout.astro";
 import ScheduleDay from "@components/schedule/day.astro";
 

src/pages/schedule/talks.astro

@@ -1,5 +1,5 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import Layout from "@layouts/ScheduleLayout.astro";
 import ScheduleDay from "@components/schedule/day.astro";
 import { slugify } from '@utils/content';

src/pages/schedule/tutorials.astro

@@ -3,7 +3,6 @@ import { getCollection } from "astro:content";
 import Layout from "@layouts/ScheduleLayout.astro";
 import ScheduleDay from "@components/schedule/day.astro";
 import { slugify } from '@utils/content';
-import Headline from "@ui/Headline.astro"
 
 export const getStaticPaths = async () => {
   const sessions = await getCollection("sessions");

src/pages/speakers.astro

@@ -70,7 +70,7 @@ const description = "Our conference speakers organized alphabetically";
     </Prose>
 
     {
-      groupKeys.map((key, index) => (
+      groupKeys.map((key, _index) => (
         <>
           <div id={`group-${key}`} class="pt-6">
             <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6 mb-10">

src/utils/content.ts

@@ -1,4 +1,4 @@
-export function slugify(text) {
+export function slugify(text: string): string {
   return text
     .toString()
     .toLowerCase()