add transparent background to contact card

varianter · Dec 12, 2024 · b7cd5d4 · b7cd5d4
1 parent 0ea6a32
commit b7cd5d4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/employeeCard/EmployeeCard.tsx b/src/components/employeeCard/EmployeeCard.tsx
@@ -91,7 +91,7 @@ export default function EmployeeCard({
 export function EmployeeCardSkeleton({
   background = "light",
 }: {
-  background?: "light" | "dark";
+  background?: "light" | "dark" | "transparent";
 }) {
   const backgroundClass =
     background === "dark" ? styles["employeeImage--dark"] : "";

diff --git a/src/components/sections/contact-box/ContactSelector.tsx b/src/components/sections/contact-box/ContactSelector.tsx
@@ -12,7 +12,7 @@ export type ContactSelectorProps = {
   contactPoints: Promise<EmployeeAndMetadata[]>;
   employeesPageSlug: string;
   language: string;
-  background?: "dark" | "light";
+  background?: "dark" | "light" | "transparent";
 };
 
 export default function ContactSelector({

diff --git a/src/components/tag/index.tsx b/src/components/tag/index.tsx
@@ -18,6 +18,8 @@ function getBackgroundClass(backgroundColor: string) {
   switch (backgroundColor) {
     case "light":
       return "";
+    case "transparent":
+      return "";
     case "dark":
       return styles["tag--bgDark"];
     case "violet":
@@ -29,7 +31,7 @@ function getBackgroundClass(backgroundColor: string) {
 
 type TagProps = {
   active?: boolean;
-  background?: "light" | "dark" | "violet";
+  background?: "light" | "dark" | "violet" | "transparent";
   text: string;
 } & TagInner;