From a4cc331f5ebb1e8b29b17a9aa1729301d608d8d2 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 23 Jan 2023 15:09:34 -0800
Subject: [PATCH] Use proper URL for job icons

Before we were linking to local icons, but these will live on S3
---
 components/JobDropdown/index.tsx | 6 ++++--
 components/JobSection/index.tsx  | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/JobDropdown/index.tsx b/components/JobDropdown/index.tsx
index 71fc6eee..7d4b0ab7 100644
--- a/components/JobDropdown/index.tsx
+++ b/components/JobDropdown/index.tsx
@@ -95,7 +95,7 @@ const JobDropdown = React.forwardRef<HTMLSelectElement, Props>(
                 key={i}
                 value={item.id}
                 altText={item.name[locale]}
-                iconSrc={`/images/job-icons/${item.granblue_id}.png`}
+                iconSrc={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-icons/${item.granblue_id}.png`}
               >
                 {item.name[locale]}
               </SelectItem>
@@ -116,7 +116,9 @@ const JobDropdown = React.forwardRef<HTMLSelectElement, Props>(
         value={currentJob ? currentJob.id : 'no-job'}
         altText={currentJob ? currentJob.name[locale] : ''}
         iconSrc={
-          currentJob ? `/images/job-icons/${currentJob.granblue_id}.png` : ''
+          currentJob
+            ? `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-icons/${currentJob.granblue_id}.png`
+            : ''
         }
         open={open}
         onClick={openJobSelect}
diff --git a/components/JobSection/index.tsx b/components/JobSection/index.tsx
index 8411cfbb..2cc274a1 100644
--- a/components/JobSection/index.tsx
+++ b/components/JobSection/index.tsx
@@ -149,7 +149,7 @@ const JobSection = (props: Props) => {
           <div className="JobName">
             <img
               alt={party.job.name[locale]}
-              src={`/images/job-icons/${party.job.granblue_id}.png`}
+              src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-icons/${party.job.granblue_id}.png`}
             />
             <h3>{party.job ? party.job.name[locale] : t('no_job')}</h3>
           </div>