chore: add site open icon

bcgov · Dec 20, 2024 · cdde002 · cdde002
1 parent f160105
commit cdde002
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 4 deletions.
diff --git a/frontend/src/components/RecResource/RecResource.tsx b/frontend/src/components/RecResource/RecResource.tsx
@@ -13,7 +13,8 @@ import {
   ThingsToDo,
 } from '@/components/RecResource';
 import PageMenu from '@/components/PageMenu';
-import locationDot from '@/assets/fontAwesomeIcons/location-dot.svg';
+import locationDot from '@/images/fontAwesomeIcons/location-dot.svg';
+import blueStatus from '@/images/icons/blue-status.svg';
 import '@/styles/components/RecResource.scss';
 
 interface RecResourceProps {
@@ -117,9 +118,23 @@ const RecResource = () => {
               </div>
             </div>
             <div className="icon-container">
-              <img alt="Location dot icon" src={locationDot} width={16} />{' '}
+              <img
+                alt="Location dot icon"
+                src={locationDot}
+                height={24}
+                width={24}
+              />{' '}
               <span>{site_location}</span>
             </div>
+            <div className="icon-container">
+              <img
+                alt="Site open status icon"
+                src={blueStatus}
+                height={24}
+                width={24}
+              />{' '}
+              <span>Open (Placeholder)</span>
+            </div>
           </section>
         </div>
       </div>

diff --git a/.../assets/fontAwesomeIcons/location-dot.svg → .../images/fontAwesomeIcons/location-dot.svg b/.../assets/fontAwesomeIcons/location-dot.svg → .../images/fontAwesomeIcons/location-dot.svg
diff --git a/frontend/src/images/icons/blue-status.svg b/frontend/src/images/icons/blue-status.svg
diff --git a/frontend/src/styles/components/RecResource.scss b/frontend/src/styles/components/RecResource.scss
@@ -33,8 +33,7 @@
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  margin-top: 16px;
-  margin-bottom: 32px;
+  margin: 24px 0;
 
   & span {
     margin-left: 8px;