Adding rss links. Fixes #548

src/shared/components/community/community.tsx

@@ -354,6 +354,10 @@ export class Community extends Component<any, State> {
   }
 
   selects() {
+    let communityRss = communityRSSUrl(
+      this.state.communityRes.community_view.community.actor_id,
+      this.state.sort
+    );
     return (
       <div class="mb-3">
         <span class="mr-3">
@@ -365,16 +369,10 @@ export class Community extends Component<any, State> {
         <span class="mr-2">
           <SortSelect sort={this.state.sort} onChange={this.handleSortChange} />
         </span>
-        <a
+        <a href={communityRss} title="RSS" rel="noopener">
-          href={communityRSSUrl(
-            this.state.communityRes.community_view.community.actor_id,
-            this.state.sort
-          )}
-          title="RSS"
-          rel="noopener"
-        >
           <Icon icon="rss" classes="text-muted small" />
         </a>
+        <link rel="alternate" type="application/atom+xml" href={communityRss} />
       </div>
     );
   }

src/shared/components/home/home.tsx

@@ -669,6 +669,12 @@ export class Home extends Component<any, HomeState> {
   }
 
   selects() {
+    let allRss = `/feeds/all.xml?sort=${this.state.sort}`;
+    let localRss = `/feeds/local.xml?sort=${this.state.sort}`;
+    let frontRss = UserService.Instance.myUserInfo
+      ? `/feeds/front/${UserService.Instance.auth}.xml?sort=${this.state.sort}`
+      : "";
+
     return (
       <div className="mb-3">
         <span class="mr-3">
@@ -688,32 +694,33 @@ export class Home extends Component<any, HomeState> {
           <SortSelect sort={this.state.sort} onChange={this.handleSortChange} />
         </span>
         {this.state.listingType == ListingType.All && (
-          <a
+          <>
-            href={`/feeds/all.xml?sort=${this.state.sort}`}
+            <a href={allRss} rel="noopener" title="RSS">
-            rel="noopener"
-            title="RSS"
-          >
               <Icon icon="rss" classes="text-muted small" />
             </a>
+            <link rel="alternate" type="application/atom+xml" href={allRss} />
+          </>
         )}
         {this.state.listingType == ListingType.Local && (
-          <a
+          <>
-            href={`/feeds/local.xml?sort=${this.state.sort}`}
+            <a href={localRss} rel="noopener" title="RSS">
-            rel="noopener"
-            title="RSS"
-          >
               <Icon icon="rss" classes="text-muted small" />
             </a>
+            <link rel="alternate" type="application/atom+xml" href={localRss} />
+          </>
         )}
         {UserService.Instance.myUserInfo &&
           this.state.listingType == ListingType.Subscribed && (
-            <a
+            <>
-              href={`/feeds/front/${UserService.Instance.auth}.xml?sort=${this.state.sort}`}
+              <a href={frontRss} title="RSS" rel="noopener">
-              title="RSS"
-              rel="noopener"
-            >
                 <Icon icon="rss" classes="text-muted small" />
               </a>
+              <link
+                rel="alternate"
+                type="application/atom+xml"
+                href={frontRss}
+              />
+            </>
           )}
       </div>
     );

src/shared/components/person/inbox.tsx

@@ -140,6 +140,7 @@ export class Inbox extends Component<any, InboxState> {
   }
 
   render() {
+    let inboxRss = `/feeds/inbox/${UserService.Instance.auth}.xml`;
     return (
       <div class="container">
         {this.state.loading ? (
@@ -156,13 +157,14 @@ export class Inbox extends Component<any, InboxState> {
               <h5 class="mb-2">
                 {i18n.t("inbox")}
                 <small>
-                  <a
+                  <a href={inboxRss} title="RSS" rel="noopener">
-                    href={`/feeds/inbox/${UserService.Instance.auth}.xml`}
-                    title="RSS"
-                    rel="noopener"
-                  >
                     <Icon icon="rss" classes="ml-2 text-muted small" />
                   </a>
+                  <link
+                    rel="alternate"
+                    type="application/atom+xml"
+                    href={inboxRss}
+                  />
                 </small>
               </h5>
               {this.state.replies.length +

src/shared/components/person/profile.tsx

@@ -335,6 +335,8 @@ export class Profile extends Component<any, ProfileState> {
   }
 
   selects() {
+    let profileRss = `/feeds/u/${this.state.userName}.xml?sort=${this.state.sort}`;
+
     return (
       <div className="mb-2">
         <span class="mr-3">{this.viewRadios()}</span>
@@ -344,13 +346,10 @@ export class Profile extends Component<any, ProfileState> {
           hideHot
           hideMostComments
         />
-        <a
+        <a href={profileRss} rel="noopener" title="RSS">
-          href={`/feeds/u/${this.state.userName}.xml?sort=${this.state.sort}`}
-          rel="noopener"
-          title="RSS"
-        >
           <Icon icon="rss" classes="text-muted small mx-2" />
         </a>
+        <link rel="alternate" type="application/atom+xml" href={profileRss} />
       </div>
     );
   }