Added new option for whitelisting race tags shown on the frontend

backend/src/main/kotlin/hu/bme/sch/cmsch/component/race/RaceComponent.kt

@@ -46,6 +46,8 @@ class RaceComponent(
 
     var visible by BooleanSettingRef(fieldName = "Látható", description = "Bekapcsolt állapotban a toplista megjelenik a felhasználók számára")
 
+    var leaderboardTags by StringSettingRef(fieldName = "Toplista címkék", description = "A toplista címkéi, vesszővel elválasztva. Csak a megadott címkékkel rendelkező kategóriák jelennek meg a toplistában.")
+
     var extraCategoriesVisible by BooleanSettingRef(fieldName = "Extra kategóriák láthatóak",
         description = "Bekapcsolt állapotban az extra kategóriás toplisták is megjelennek")
 

frontend/src/api/contexts/config/types.ts

@@ -140,6 +140,7 @@ export interface News {
 export interface Race {
   title: string
   visible: boolean
+  leaderboardTags: string
   defaultCategoryDescription: string
   freestyleCategoryName: string
   extraCategoriesVisible: boolean

frontend/src/common-components/CollapsableTableRow.tsx

@@ -18,6 +18,7 @@ type CollapsableTableRowProps = {
   suffix?: string
   categorized?: boolean
   showDescription: boolean
+  tagsShown?: string[] | null
 }
 
 export const CollapsableTableRow = ({
@@ -27,7 +28,8 @@ export const CollapsableTableRow = ({
   suffix,
   showGroup,
   categorized = false,
-  showDescription
+  showDescription,
+  tagsShown = null
 }: CollapsableTableRowProps) => {
   const [isOpen, setIsOpen] = useState(false)
   const isGroupLink = typeof data.groupId !== 'undefined'
@@ -50,7 +52,7 @@ export const CollapsableTableRow = ({
             <TableCell>
               <div className="flex flex-col md:flex-row md:items-center gap-1">
                 <span>{data.name}</span>
-                {data.label && <TeamLabel name={data.label} color={data.labelColor} />}
+                {data.label && (tagsShown?.includes(data.label) || !tagsShown) && <TeamLabel name={data.label} color={data.labelColor} />}
               </div>
             </TableCell>
             {showGroup && (

frontend/src/common-components/LeaderboardTable.tsx

@@ -13,6 +13,7 @@ type LeaderboardTableProps = {
   suffix?: string
   detailed?: boolean
   categorized?: boolean
+  tagsShown?: string[] | null
 }
 
 export const LeaderBoardTable = ({
@@ -22,7 +23,8 @@ export const LeaderBoardTable = ({
   detailed = false,
   categorized = false,
   showDescription = false,
-  searchEnabled = false
+  searchEnabled = false,
+  tagsShown = null
 }: LeaderboardTableProps) => {
   const dataWithPosition = useMemo(() => data.map((item, index) => ({ ...item, position: index + 1 })), [data])
 
@@ -66,6 +68,7 @@ export const LeaderBoardTable = ({
               suffix={suffix}
               categorized={categorized}
               showDescription={showDescription}
+              tagsShown={tagsShown}
             />
           ))}
         </TableBody>

frontend/src/pages/race/components/RaceBoard.tsx

@@ -22,6 +22,8 @@ const RaceBoard = ({ data, component, isError, isLoading }: Props) => {
   if (!component || !component.visible) return <ComponentUnavailable />
   if (isError || isLoading || !data) return <PageStatus isLoading={isLoading} isError={isError} title={component.title} />
 
+  const tagsShown = component.leaderboardTags.split(',').map((tag) => tag.trim())
+
   return (
     <CmschPage title={data.categoryName}>
       <h1 className="text-3xl font-bold font-heading mb-3">{data.categoryName}</h1>
@@ -37,6 +39,7 @@ const RaceBoard = ({ data, component, isError, isLoading }: Props) => {
         showGroup={true}
         suffix="mp"
         showDescription={showDescription}
+        tagsShown={tagsShown.length > 0 ? tagsShown : null}
       />
     </CmschPage>
   )