From 7ca33355349ba523bc0df8846b80ade719c8c1d0 Mon Sep 17 00:00:00 2001
From: en <enes@nostrdev.com>
Date: Fri, 21 Feb 2025 22:17:11 +0100
Subject: [PATCH] fix(notes): render audio link preview

---
 src/components/Notes/NoteRender.tsx | 9 ++++++++-
 src/utils/url.ts                    | 5 +++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/Notes/NoteRender.tsx b/src/components/Notes/NoteRender.tsx
index 0cf982b..ea1d393 100644
--- a/src/components/Notes/NoteRender.tsx
+++ b/src/components/Notes/NoteRender.tsx
@@ -6,7 +6,12 @@ import { Fragment } from 'react/jsx-runtime'
 import { BlogPreview } from './internal/BlogPreview'
 import { ModPreview } from './internal/ModPreview'
 import { NoteWrapper } from './internal/NoteWrapper'
-import { isValidImageUrl, isValidUrl, isValidVideoUrl } from 'utils'
+import {
+  isValidAudioUrl,
+  isValidImageUrl,
+  isValidUrl,
+  isValidVideoUrl
+} from 'utils'
 
 interface NoteRenderProps {
   content: string
@@ -54,6 +59,8 @@ export const NoteRender = ({ content }: NoteRenderProps) => {
                   controls
                 />
               )
+            } else if (isValidAudioUrl(href)) {
+              return <audio key={key} src={href} controls />
             }
           }
 
diff --git a/src/utils/url.ts b/src/utils/url.ts
index 058ce09..afbea08 100644
--- a/src/utils/url.ts
+++ b/src/utils/url.ts
@@ -65,6 +65,11 @@ export const isValidVideoUrl = (url: string) => {
   return regex.test(url)
 }
 
+export const isValidAudioUrl = (url: string) => {
+  const regex = /\.(mp3|wav|ogg|aac)$/
+  return regex.test(url)
+}
+
 export const isReachable = async (url: string) => {
   try {
     const response = await fetch(url, { method: 'HEAD' })