From 4620d9498f3aebfa393447c8f2d83289970755d5 Mon Sep 17 00:00:00 2001
From: Arnaud Lier <arnaud@eclixo.com>
Date: Wed, 9 Mar 2022 17:18:42 +0100
Subject: [PATCH] fix: use `query` instead of `name`

---
 src/components/cards/providers/Subreddit.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/cards/providers/Subreddit.tsx b/src/components/cards/providers/Subreddit.tsx
index ff1b4f5..5fa2f9b 100644
--- a/src/components/cards/providers/Subreddit.tsx
+++ b/src/components/cards/providers/Subreddit.tsx
@@ -4,11 +4,14 @@ import { FaReddit } from 'react-icons/fa';
 
 import { Card, Repeater, DedicatedAvailability } from '../core';
 
-const SubredditCard: React.FC<{ query: string }> = ({ name }) => {
+const SubredditCard: React.FC<{ query: string }> = ({ query }) => {
   const { t } = useTranslation();
-  const lowerCase = name.toLowerCase();
+  const normalizedQuery = normalize(query, {
+    allowUnderscore: false,
+  });
+  const lowerCase = normalizedQuery.toLowerCase();
 
-  const names = [name];
+  const names = [normalizedQuery];
   const moreNames = [
     `get${lowerCase}`,
     `${lowerCase}-team`,