Edit patron model

Author: emscb

src/api/sponsor.ts

@@ -89,37 +89,14 @@ export function listSponsorBenefits(): Promise<SponsorBenefit[]> {
 
 export function listPatrons(): Promise<Patron[]> {
   return new Promise((resolve, reject) => {
-    resolve([
-      {
-        name: "김파이썬",
-        message: "후원 합니다! ",
-        sequence: 1,
-      },
-      {
-        name: "이파이썬",
-        message: "후원 합니다!",
-        sequence: 2,
-      },
-      {
-        name: "이파이썬",
-        message: "",
-        sequence: 3,
-      },
-      {
-        name: "이파이썬",
-        message: "후원 합니다!",
-        sequence: 4,
-      },
-    ]);
-
-    // instance
-    //   .get<APIPatron[]>("${process.env.REACT_APP_PYCONKR_SHOP_API}/2024/sponsors/benefits/")
-    //   .then((response) => {
-    //     resolve(Patron.fromAPIs(response.data));
-    //   })
-    //   .catch((error) => {
-    //     console.error(error);
-    //     reject(getErrorMessage(error));
-    //   });
+    instance
+      .get<APIPatron[]>(`${process.env.REACT_APP_PYCONKR_SHOP_API}/v1/ext/patron/`)
+      .then((response) => {
+        resolve(Patron.fromAPIs(response.data));
+      })
+      .catch((error) => {
+        console.error(error);
+        reject(getErrorMessage(error));
+      });
   });
 }

src/models/api/sponsor.ts

@@ -49,5 +49,4 @@ export type APISponsorLevelWithSponsor = {
 export type APIPatron = {
   name: string;
   message?: string | null;
-  sequence: number;
 };

src/models/sponsor.ts

@@ -180,19 +180,16 @@ export class Sponsor {
 export class Patron {
   name: string;
   message?: string | null;
-  sequence: number;
 
   private constructor(p: Patron) {
     this.name = p.name;
     this.message = p.message;
-    this.sequence = p.sequence;
   }
 
   static fromAPI(d: APIPatron): Patron {
     return new Patron({
       name: d.name,
       message: d.message,
-      sequence: d.sequence,
     });
   }
 

src/pages/Sponsor/patron.tsx

@@ -37,14 +37,12 @@ const PatronList = () => {
         {t("후원해주셔서 감사합니다.")}
       </p>
 
-      {patrons
-        .sort((a, b) => a.sequence - b.sequence)
-        .map((p) => (
-          <PatronContainer key={`${p.name}-${p.sequence}`}>
-            <h4>{p.name}</h4>
-            <div>{p.message}</div>
-          </PatronContainer>
-        ))}
+      {patrons.map((p, idx) => (
+        <PatronContainer key={`${p.name}-${idx}`}>
+          <h4>{p.name}</h4>
+          <div>{p.message}</div>
+        </PatronContainer>
+      ))}
     </Page>
   );
 };