fix(frontend): fix mobile dropdown in notifications settings

This commit is contained in:
sct
2020-12-25 20:01:35 +09:00
parent 1163e81adc
commit 6353cda582

View File

@@ -12,14 +12,16 @@ const messages = defineMessages({
}); });
interface SettingsRoute { interface SettingsRoute {
text: React.ReactNode; text: string;
content: React.ReactNode;
route: string; route: string;
regex: RegExp; regex: RegExp;
} }
const settingsRoutes: SettingsRoute[] = [ const settingsRoutes: SettingsRoute[] = [
{ {
text: ( text: 'Email',
content: (
<span className="flex items-center"> <span className="flex items-center">
<svg <svg
className="h-4 mr-2" className="h-4 mr-2"
@@ -42,7 +44,8 @@ const settingsRoutes: SettingsRoute[] = [
regex: /^\/settings\/notifications\/email/, regex: /^\/settings\/notifications\/email/,
}, },
{ {
text: ( text: 'Discord',
content: (
<span className="flex items-center"> <span className="flex items-center">
<DiscordLogo className="h-4 mr-2" /> <DiscordLogo className="h-4 mr-2" />
Discord Discord
@@ -52,7 +55,8 @@ const settingsRoutes: SettingsRoute[] = [
regex: /^\/settings\/notifications\/discord/, regex: /^\/settings\/notifications\/discord/,
}, },
{ {
text: ( text: 'Slack',
content: (
<span className="flex items-center"> <span className="flex items-center">
<SlackLogo className="h-4 mr-2" /> <SlackLogo className="h-4 mr-2" />
Slack Slack
@@ -144,7 +148,7 @@ const SettingsNotifications: React.FC = ({ children }) => {
regex={route.regex} regex={route.regex}
key={`standard-settings-link-${index}`} key={`standard-settings-link-${index}`}
> >
{route.text} {route.content}
</SettingsLink> </SettingsLink>
))} ))}
</nav> </nav>