diff --git a/components/EventCard.tsx b/components/EventCard.tsx
index e9e5eaec..40120970 100644
--- a/components/EventCard.tsx
+++ b/components/EventCard.tsx
@@ -7,7 +7,7 @@ import { Link } from "./Link";
import styles from "./EventCard.module.css";
-interface BaseProps {
+interface EventCardProps {
name: string;
short: string;
date: Date;
@@ -15,15 +15,13 @@ interface BaseProps {
location: string;
poster?: string;
registerLink?: string;
+ permaLink: string;
+ showDescription?: boolean;
children: ReactNode;
}
-type EventCardProps =
- | (BaseProps & { showDescription?: false; link: string })
- | (BaseProps & { showDescription: true; link?: string });
-
export function EventCard({
- link,
+ permaLink,
name,
date,
online,
@@ -60,8 +58,8 @@ export function EventCard({
- {!showDescription && link && (
-
+ {!showDescription && (
+
Learn more
)}
diff --git a/components/EventDescriptionCard.module.css b/components/EventDescriptionCard.module.css
index baab9b78..69e8d679 100644
--- a/components/EventDescriptionCard.module.css
+++ b/components/EventDescriptionCard.module.css
@@ -29,6 +29,9 @@
}
.logo {
+ display: flex;
+ justify-content: center;
+ align-items: center;
width: calc(32rem / 16);
margin-left: auto;
}
diff --git a/components/EventDescriptionCard.tsx b/components/EventDescriptionCard.tsx
index 86c9b3db..67dde493 100644
--- a/components/EventDescriptionCard.tsx
+++ b/components/EventDescriptionCard.tsx
@@ -3,6 +3,7 @@ import React from "react";
import { Button } from "./Button";
import { EventSetting } from "./EventSetting";
import { Image } from "./Image";
+import { Link } from "./Link";
import { Discord, Twitch, Instagram, Facebook } from "./SocialLinks";
import styles from "./EventDescriptionCard.module.css";
@@ -15,6 +16,7 @@ interface Props {
date: Date;
poster?: string;
registerLink?: string;
+ permaLink: string;
}
/**
@@ -35,6 +37,7 @@ export function EventDescriptionCard({
date,
online,
registerLink,
+ permaLink,
}: Props) {
const Icon = getIcon(location);
@@ -48,6 +51,7 @@ export function EventDescriptionCard({
{short}
+ Learn more