Move app name to a constant

4 files changed, 6 insertions, 3 deletions

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index bdc4919..874ba6e 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import { IoInformationCircleOutline } from "react-icons/io5";
+import { appName } from "../../constants";
 
 import * as Styled from "./index.styled";
 
@@ -18,7 +19,7 @@ export function Header({ openInfoPopUp }: Props) {
           height={30}
         />
 
-        <Styled.Logo>EpicWolverine&apos;s Heardle</Styled.Logo>
+        <Styled.Logo>{appName}</Styled.Logo>
         <a href="#"></a>
       </Styled.Content>
     </Styled.Container>
diff --git a/src/constants/appName.ts b/src/constants/appName.ts
new file mode 100644
index 0000000..57237b8
--- /dev/null
+++ b/src/constants/appName.ts
@@ -0,0 +1 @@
+export const appName = "EpicWolverine's Heardle"
\ No newline at end of file
diff --git a/src/constants/index.ts b/src/constants/index.ts
index 00507bd..bf50a38 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -1,3 +1,4 @@
+export { appName } from "./appName";
 export { playTimes } from "./playTimes";
 export { songs } from "./songs";
 export { startDate } from "./startDate";
diff --git a/src/helpers/scoreToEmoji.ts b/src/helpers/scoreToEmoji.ts
index c0081d5..099a561 100644
--- a/src/helpers/scoreToEmoji.ts
+++ b/src/helpers/scoreToEmoji.ts
@@ -1,5 +1,5 @@
 import { GuessType } from "../types/guess";
-import { startDate } from "../constants";
+import { appName, startDate } from "../constants";
 
 export function scoreToEmoji(guesses: GuessType[]): string {
   const msInDay = 86400000;
@@ -11,7 +11,7 @@ export function scoreToEmoji(guesses: GuessType[]): string {
     skip: "⬜",
     empty: "⬛️",
   };
-  const prefix = `PersonalHeardle - #${index}`;
+  const prefix = `${appName} - #${index}`;
 
   let scoreEmoji = "";