import image instead of using full path

wowsims · Dec 22, 2024 · 560b956 · 560b956
1 parent 4add857
commit 560b956
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -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
@@ -2,14 +2,16 @@ 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">
       <div className="container homepage-header-container">
         <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>