Merge pull request #369 from stevencrader/add-podcastap

Add podcastap

.nvmrc

@@ -0,0 +1 @@
+v16.20.2

package.json

@@ -5,6 +5,7 @@
     "user-agent-app": "www",
     "license": "MIT",
     "private": true,
+    "packageManager": "yarn@3.4.1",
     "dependencies": {
         "@hcaptcha/react-hcaptcha": "^0.3.9",
         "@types/dompurify": "^2.4.0",

ui/src/components/PodcastHeader/index.tsx

@@ -3,8 +3,9 @@ import Button from "../Button";
 
 import Value from '../Value'
 import NoImage from '../../../images/no-cover-art.png'
-import { truncateString, titleizeString } from '../../utils'
+import { truncateString } from '../../utils'
 import RSSLogo from "../../../images/feed.svg";
+import PodcastAPLogo from "../../../images/podcastap.svg";
 import DonationPage from "../../../images/donation-page.svg";
 import EarthLogo from "../../../images/earth.svg";
 import LightningLogo from "../../../images/lightning.svg"
@@ -151,6 +152,13 @@ export default class PodcastHeader extends React.PureComponent<IProps, PodState>
                                 </a>
                                 : ""
                             }
+                            <a
+                                href={`https://podcastap.com/feed/${id}`}
+                                title="Follow on Activity Pub via Podcast AP"
+                                target="_blank"
+                            >
+                                <img src={PodcastAPLogo} />
+                            </a>
                             {feedURL ?
                                 <Button small={true} onClick={this.copyClicked}>{ this.state.copyMessage }</Button>
                                 : ""