All files / app/features/profile/view AdminPanelUserButton.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
3x
3x
3x
3x
3x
3x
3x
3x
 
 
 
 
 
18x
 
 
19x
19x
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
import IconButton from "components/IconButton";
import { SettingsIcon } from "components/Icons";
import ModVisibleComponent from "features/mod/ModVisibleComponent";
import { useTranslation } from "i18n";
import { PROFILE } from "i18n/namespaces";
import { useRouter } from "next/router";
import React from "react";
import { adminPanelUserLink } from "routes";
 
interface AdminPanelUserButtonProps {
  username: string;
}
 
export default function AdminPanelUserButton({
  username,
}: AdminPanelUserButtonProps) {
  const { t } = useTranslation(PROFILE);
  const router = useRouter();
 
  return (
    <ModVisibleComponent>
      <IconButton
        aria-label={t("view_in_admin_console")}
        onClick={() => router.push(adminPanelUserLink(username))}
        color="primary"
        size="large"
      >
        <SettingsIcon />
      </IconButton>
    </ModVisibleComponent>
  );
}