Adding location pin, location input

ui/site/apps/Jobs/JobsSidebar.js

@@ -3,14 +3,22 @@ class JobsSidebar extends Shadow {
         VStack(() => {
             h3("Location")
             .color("var(--accent2)")
+            .marginBottom(0, em)
 
-
+            HStack(() => {
+                input("Location", "100%")
+                    .paddingLeft(3, em)
+                    .paddingVertical(0.75, em)
+                    .backgroundImage("/_/icons/locationPin.svg")
+                    .backgroundRepeat("no-repeat")
+                    .backgroundSize("18px 18px")
+                    .backgroundPosition("10px center")
+            })
         })
         .paddingTop(1, em)
         .paddingLeft(3, em)
         .paddingRight(3, em)
         .gap(1, em)
-        .borderRight("1px solid var(--accent2)")
         .borderTop("1px solid var(--accent2)")
         .minWidth(10, vw)
     }

ui/site/apps/Market/MarketGrid.js

@@ -26,6 +26,8 @@ class MarketGrid extends Shadow {
 
             if (this.listings.length > 0) {
                 ZStack(() => {
+                    // BuyModal()
+
                     for (let i = 0; i < this.listings.length; i++) {
                         const rating = this.listings[i].stars
                         const percent = (rating / 5)
@@ -74,6 +76,11 @@ class MarketGrid extends Shadow {
                                 .marginBottom(0.5, em)
 
                             button("Buy Now")
+                                .onClick((finished) => {
+                                    if(finished) {
+
+                                    }
+                                })
 
                         })
                         .padding(1, em)