Use shortTitle instead of css to be consistent

FixMyBerlin · Oct 30, 2023 · 80cc3e9 · 80cc3e9
1 parent 5dacc64
commit 80cc3e9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/projects/components/OperatorFilterDropdown.tsx b/src/projects/components/OperatorFilterDropdown.tsx
@@ -4,6 +4,7 @@ import { RadioGroup } from "@headlessui/react"
 import clsx from "clsx"
 import router from "next/router"
 import React from "react"
+import { shortTitle } from "src/core/components/text"
 import { useSlugs } from "src/core/hooks"
 import getOperatorsWithCount from "src/operators/queries/getOperatorsWithCount"
 
@@ -59,8 +60,8 @@ export const OperatorFilterDropdown: React.FC = () => {
                 )
               }
             >
-              <RadioGroup.Label className="uppercase font-semibold" as="span">
-                {operator.slug}
+              <RadioGroup.Label className="font-semibold" as="span">
+                {shortTitle(operator.slug)}
               </RadioGroup.Label>
             </RadioGroup.Option>
           ))}