From 53db7a5a02b2e01e4418b31b84a1279a1294e33f Mon Sep 17 00:00:00 2001
From: Isaac <git@eartharoid.me>
Date: Sat, 1 Jun 2024 16:05:08 +0100
Subject: [PATCH] fix: remove fade-in animation on greeting in preview

---
 src/features/greeting/greeting.scss                        | 5 ++++-
 src/features/misc/sections/overview_skeletons/Greeting.jsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/features/greeting/greeting.scss b/src/features/greeting/greeting.scss
index 0a57fc09..d80a5cb1 100644
--- a/src/features/greeting/greeting.scss
+++ b/src/features/greeting/greeting.scss
@@ -4,7 +4,10 @@
   cursor: initial;
   user-select: none;
   font-weight: 600;
-  animation: fadeIn 1s;
+
+  &:not(.preview) {
+    animation: fadeIn 1s;
+  }
 
   --shadow-shift: 0.2rem;
 }
diff --git a/src/features/misc/sections/overview_skeletons/Greeting.jsx b/src/features/misc/sections/overview_skeletons/Greeting.jsx
index 752613cc..39423c6a 100644
--- a/src/features/misc/sections/overview_skeletons/Greeting.jsx
+++ b/src/features/misc/sections/overview_skeletons/Greeting.jsx
@@ -1,7 +1,7 @@
 import { memo } from 'react';
 
 function GreetingSkeleton() {
-  return <span className="greeting">Good Morning</span>;
+  return <span className="greeting preview">Good Morning</span>;
 }
 
 export default memo(GreetingSkeleton);