Merge pull request #9 from zfir-dev/view-medium-button

View Medium Button
zfir-dev · Dec 28, 2023 · c6b0f1e · c6b0f1e
2 parents 111382d + 560b52b
commit c6b0f1e
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/app/components/header.hbs b/app/components/header.hbs
@@ -7,10 +7,11 @@
     </button>
     <a href={{this.link}} target="_blank" class="btn btn-primary" rel="noopener noreferrer">View on Medium</a>
   {{else}}
-    {{#if this.icon}}
-      <img src={{this.icon}} alt="Icon" class="icon rounded-circle">
+    {{#if this.iconUrl}}
+      <img src={{this.iconUrl}} alt="Icon" class="icon rounded-circle">
     {{else}}
       <h3 class="mb-0">{{@pageTitle}}</h3>
     {{/if}}
+    <a href={{this.mediumUrl}} target="_blank" class="btn btn-primary" rel="noopener noreferrer">View Medium</a>
   {{/if}}
 </header>
diff --git a/app/components/header.js b/app/components/header.js
@@ -3,7 +3,8 @@ import { tracked } from '@glimmer/tracking';
 import ENV from 'rss-medium-blog-viewer/config/environment';
 
 export default class HeaderComponent extends Component {
-  @tracked icon = ENV.icon_url;
+  @tracked iconUrl = ENV.icon_url;
+  @tracked mediumUrl = ENV.medium_url;
 
   get link() {
     return this.args.items[this.args.selected].link;

diff --git a/app/controllers/application.js b/app/controllers/application.js
@@ -15,11 +15,11 @@ export default class ApplicationController extends Controller {
 
   @action
   async load() {
-    const medium_url = ENV.medium_url;
-    const rss_2_json_api_key = ENV.rss_2_json_api_key;
+    const mediumFeedUrl = ENV.medium_feed_url;
+    const rss2JsonApiKey = ENV.rss_2_json_api_key;
     try {
       const response = await fetch(
-        `https://api.rss2json.com/v1/api.json?rss_url=${medium_url}&api_key=${rss_2_json_api_key}`,
+        `https://api.rss2json.com/v1/api.json?rss_url=${mediumFeedUrl}&api_key=${rss2JsonApiKey}`,
       );
       const data = await response.json();
       this.items = data.items;

diff --git a/config/environment.js b/config/environment.js
@@ -21,6 +21,7 @@ module.exports = function (environment) {
     page_title: process.env.PAGE_TITLE,
     icon_url: process.env.ICON_URL,
     medium_url: process.env.MEDIUM_URL,
+    medium_feed_url: process.env.MEDIUM_FEED_URL,
     rss_2_json_api_key: process.env.RSS_2_JSON_API_KEY,
   };
 

diff --git a/ember-cli-build.js b/ember-cli-build.js
@@ -18,6 +18,7 @@ module.exports = function (defaults) {
         'PAGE_TITLE',
         'ICON_URL',
         'MEDIUM_URL',
+        'MEDIUM_FEED_URL',
         'RSS_2_JSON_API_KEY',
       ],
     },