From 560b95688900e061f15ab81846d5de07ac0fcaa6 Mon Sep 17 00:00:00 2001
From: Kayla Glick <kaylaglick12@gmail.com>
Date: Sun, 22 Dec 2024 02:04:19 -0500
Subject: [PATCH] import image instead of using full path

---
 package.json                      | 2 +-
 src/components/ExpansionPanel.tsx | 2 +-
 src/components/Header.tsx         | 6 ++++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 125f982..3ca86a7 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "predeploy": "npm run build",
-    "deploy": "gh-pages -d build"
+    "deploy": "gh-pages -d dist"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
diff --git a/src/components/ExpansionPanel.tsx b/src/components/ExpansionPanel.tsx
index 101430e..601e4d1 100644
--- a/src/components/ExpansionPanel.tsx
+++ b/src/components/ExpansionPanel.tsx
@@ -7,7 +7,7 @@ interface Props {
 function ExpansionPanel({version}: Props) {
   return (
     <div className={`expansion-panel expansion-panel-${version.slug}`} style={{'--expansion-color': version.themeColorHex} as React.CSSProperties}>
-        <div className="expansion-cover" style={{'--expansion-bg': `url(https://wowsims.github.io${version.coverSrc})`} as React.CSSProperties} />
+        <div className="expansion-cover" style={{'--expansion-bg': `url(${version.coverSrc})`} as React.CSSProperties} />
         <div className="expansion-panel-body container">
             <div className="expansion-block">
                 <h1 className="text-brand h2 mb-0">WoWSims</h1>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 64a4262..4f4eb44 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,6 +2,8 @@ import { faDiscord, faGithub } from '@fortawesome/free-brands-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import PatreonButton from './PatreonButton'
 
+import WoWSimsLogo from '../assets/img/WoW-Simulator-Icon.png';
+
 function Header() {
   return (
     <header className="homepage-header">
@@ -9,7 +11,7 @@ function Header() {
         <nav className="navbar navbar-dark flex-wrap align-items-center align-items-md-end w-100">
           <div className="navbar-brand-container order-0">
             <a href="#" className="navbar-brand d-flex align-items-center p-0 m-0 gap-3">
-              <img className="wowsims-logo" src="src/assets/img/WoW-Simulator-Icon.png" />
+              <img className="wowsims-logo" src={WoWSimsLogo} />
               <h1 className="wowsims-title">
                 WoWSims
                 <small className="expansion-title">Classic WoW Simulations</small>
@@ -33,7 +35,7 @@ function Header() {
           <div className="offcanvas offcanvas-end" tabIndex={-1} id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
             <div className="offcanvas-header border-bottom">
               <a href="#" className="navbar-brand d-flex align-items-center p-0 m-0 gap-3">
-                <img className="wowsims-logo" src="assets/img/WoW-Simulator-Icon.png" />
+                <img className="wowsims-logo" src={WoWSimsLogo} />
                 <h1 className="wowsims-title">
                   WoWSims
                   <small className="expansion-title">Classic WoW Simulations</small>