From 038de34f8f43dddaf56203f3f8c7f6915683fd28 Mon Sep 17 00:00:00 2001
From: sam <sam@sleepycat.moe>
Date: Mon, 31 Jul 2023 02:17:50 +0200
Subject: [PATCH] feat: show max number of flags in settings

---
 frontend/src/lib/api/entities.ts                | 1 +
 frontend/src/routes/settings/flags/+page.svelte | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/api/entities.ts b/frontend/src/lib/api/entities.ts
index 61c5c92..248072b 100644
--- a/frontend/src/lib/api/entities.ts
+++ b/frontend/src/lib/api/entities.ts
@@ -3,6 +3,7 @@ import { PUBLIC_BASE_URL, PUBLIC_MEDIA_URL } from "$env/static/public";
 export const MAX_MEMBERS = 500;
 export const MAX_FIELDS = 25;
 export const MAX_DESCRIPTION_LENGTH = 1000;
+export const MAX_FLAGS = 500;
 
 export interface User {
   id: string;
diff --git a/frontend/src/routes/settings/flags/+page.svelte b/frontend/src/routes/settings/flags/+page.svelte
index f808aa1..4f69c8f 100644
--- a/frontend/src/routes/settings/flags/+page.svelte
+++ b/frontend/src/routes/settings/flags/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { APIError, PrideFlag } from "$lib/api/entities";
+  import { MAX_FLAGS, type APIError, type PrideFlag } from "$lib/api/entities";
   import { Button, Icon, Input, Modal, ModalBody, ModalFooter, ModalHeader } from "sveltestrap";
   import type { PageData } from "./$types";
   import Flag from "./Flag.svelte";
@@ -99,7 +99,7 @@
   };
 </script>
 
-<h1>Pride flags ({data.flags.length})</h1>
+<h1>Pride flags ({data.flags.length}/{MAX_FLAGS})</h1>
 
 <p>
   You can upload pride flags to use on your profiles here. Flags you upload here will <em>not</em> automatically