From 53c5dc557e170a7d0dabb2b6656c882f5ed413fa Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Thu, 20 Jun 2024 20:29:29 -0400
Subject: [PATCH] fixed typo in name on an icon

---
 app/test/Blocks.tsx  | 4 ++--
 components/Icons.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/test/Blocks.tsx b/app/test/Blocks.tsx
index 9d6dca4d..637afd29 100644
--- a/app/test/Blocks.tsx
+++ b/app/test/Blocks.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import {
   BlockCardSmall,
-  CloseConstrastSmall,
+  CloseContrastSmall,
   CloseTiny,
   BlockImageSmall,
   LinkSmall,
@@ -60,7 +60,7 @@ export const ImageBlock = (props: { src: string; cardHeight: number }) => {
   return (
     <div className="pb-4 pt-2 relative group/image flex w-fit place-self-center justify-center">
       <button className="absolute right-2 top-6 z-10 hidden group-hover/image:block">
-        <CloseConstrastSmall
+        <CloseContrastSmall
           fill={theme.colors.primary}
           outline={theme.colors["bg-card"]}
         />{" "}
diff --git a/components/Icons.tsx b/components/Icons.tsx
index 027c7671..dbca0a17 100644
--- a/components/Icons.tsx
+++ b/components/Icons.tsx
@@ -104,7 +104,7 @@ export const BlockImageSmall = (props: Props) => {
   );
 };
 
-export const CloseConstrastSmall = (props: {
+export const CloseContrastSmall = (props: {
   fill: string;
   outline: string;
 }) => {
-- 
2.51.2