fix: add state to the exposed variable in the template

someskumar-k · May 12, 2023 · 26572b6 · 26572b6
1 parent ffdcd92
commit 26572b6
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/src/api.ts b/src/api.ts
@@ -41,6 +41,8 @@ export interface Article {
   url: string;
   readAt?: string;
   wordsCount?: number;
+  readingProgressPercent: number;
+  isArchived: boolean;
 }
 
 export interface Label {
@@ -105,6 +107,8 @@ export const loadArticles = async (
                   publishedAt
                   readAt
                   wordsCount
+                  isArchived
+                  readingProgressPercent
                   highlights {
                     id
                     quote

diff --git a/src/settings/template.ts b/src/settings/template.ts
@@ -78,8 +78,27 @@ export interface ArticleView {
   dateRead?: string;
   wordsCount?: number;
   readLength?: number;
+      state: string;
+enum ArticleState {
+  Inbox = "INBOX",
+  Reading = "READING",
+  Completed = "COMPLETED",
+  Archived = "ARCHIVED",
 }
 
+const getArticleState = (article: Article): string => {
+  if (article.isArchived) {
+    return ArticleState.Archived;
+}
+  if (article.readingProgressPercent > 0) {
+    return article.readingProgressPercent === 100
+      ? ArticleState.Completed
+      : ArticleState.Reading;
+  }
+
+  return ArticleState.Inbox;
+};
+
 export const renderFilename = (
   article: Article,
   filename: string,
@@ -194,6 +213,7 @@ export const renderArticleContnet = async (
     dateRead,
     wordsCount,
     readLength,
+    state: getArticleState(article),
   };
   // Build content string based on template
   let content = Mustache.render(template, articleView);