From e8c2313f06758dc94aa51d3666ee63d2a8636b64 Mon Sep 17 00:00:00 2001
From: Satsuki Akiba <anosatsuk124@gmail.com>
Date: Sun, 8 Jun 2025 22:21:48 +0900
Subject: [PATCH] Update RSSEndpoints component

---
 frontend/src/components/RSSEndpoints.tsx | 52 ++++++++++++------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/RSSEndpoints.tsx b/frontend/src/components/RSSEndpoints.tsx
index c62083b..0a28714 100644
--- a/frontend/src/components/RSSEndpoints.tsx
+++ b/frontend/src/components/RSSEndpoints.tsx
@@ -66,6 +66,32 @@ export default function RSSEndpoints() {
         </p>
       </div>
 
+      {/* 使用方法の説明 */}
+      <section className="rss-section usage-info">
+        <h2>📱 使用方法</h2>
+        <div className="usage-cards">
+          <div className="usage-card">
+            <h3>1. ポッドキャストアプリを選択</h3>
+            <p>
+              Apple Podcasts、Google Podcasts、Spotify、Pocket Casts など、RSS
+              フィードに対応したポッドキャストアプリを使用してください。
+            </p>
+          </div>
+          <div className="usage-card">
+            <h3>2. RSS フィードを追加</h3>
+            <p>
+              上記のURLをコピーして、ポッドキャストアプリの「フィードを追加」や「URLから購読」機能を使用してください。
+            </p>
+          </div>
+          <div className="usage-card">
+            <h3>3. エピソードを楽しむ</h3>
+            <p>
+              フィードが追加されると、新しいエピソードが自動的にアプリに配信されます。
+            </p>
+          </div>
+        </div>
+      </section>
+
       {/* メインフィード */}
       <section className="rss-section">
         <h2>📻 メインフィード</h2>
@@ -177,32 +203,6 @@ export default function RSSEndpoints() {
           </div>
         </section>
       )}
-
-      {/* 使用方法の説明 */}
-      <section className="rss-section usage-info">
-        <h2>📱 使用方法</h2>
-        <div className="usage-cards">
-          <div className="usage-card">
-            <h3>1. ポッドキャストアプリを選択</h3>
-            <p>
-              Apple Podcasts、Google Podcasts、Spotify、Pocket Casts など、RSS
-              フィードに対応したポッドキャストアプリを使用してください。
-            </p>
-          </div>
-          <div className="usage-card">
-            <h3>2. RSS フィードを追加</h3>
-            <p>
-              上記のURLをコピーして、ポッドキャストアプリの「フィードを追加」や「URLから購読」機能を使用してください。
-            </p>
-          </div>
-          <div className="usage-card">
-            <h3>3. エピソードを楽しむ</h3>
-            <p>
-              フィードが追加されると、新しいエピソードが自動的にアプリに配信されます。
-            </p>
-          </div>
-        </div>
-      </section>
     </div>
   );
 }