Add link icon for direct link to deal

2025-08-05 15:03:38 +00:00 · 2023-04-29 22:42:34 -04:00
parent 63838cb734
commit cbc5a0ebb3
5 changed files with 1806 additions and 1711 deletions
--- a/backend/model.go
+++ b/backend/model.go
@@ -25,4 +25,5 @@ type Votes struct {

 type Offer struct {
 	DealerName string `json:"dealer_name"`
+	Url string `json:"url"`
 } // @name Offer
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,10 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.png" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
+    />
    <title>rfd.fyi - An overlay of hot deals</title>
  </head>
  <body>
--- a/src/App.vue
+++ b/src/App.vue
@@ -177,10 +177,19 @@ export default {
              target="_blank"
              v-html="
                highlightMatches(
-                  topic.title + ' [' + topic.Offer.dealer_name + ']'
+                  topic.title + ' [' + topic.Offer.dealer_name + '] '
                )
              "
            ></a>
+            <a
+              :href="`${topic.Offer.url}`"
+              target="_blank"
+              v-if="topic.Offer.url"
+              ><span class="material-symbols-outlined"> link </span></a
+            >
+            <span v-if="!topic.Offer.url" class="material-symbols-outlined">
+              link_off
+            </span>
          </td>
          <td v-if="topic.score > 0" scope="col" class="green-score">
            +{{ topic.score }}
--- a/src/theme.css
+++ b/src/theme.css
@@ -220,3 +220,7 @@ footer {
  background-size: contain;
  background-position-y: bottom;
 }
+
+.material-symbols-outlined {
+  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
+}
--- a/yarn.lock
+++ b/yarn.lock