From 449012e3fb9bb0168acb7e4faf6b33a60a1a1333 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 12 Jun 2021 00:16:49 +0300
Subject: [PATCH] Don't show create team button if not logged in

---
 pages/t/[team].tsx | 2 +-
 pages/t/index.tsx  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/t/[team].tsx b/pages/t/[team].tsx
index 1386616be..38fa311cc 100644
--- a/pages/t/[team].tsx
+++ b/pages/t/[team].tsx
@@ -98,7 +98,7 @@ const getTeamXPInfo = (roster: NonNullable<GetTeamData>["roster"]) => {
 };
 
 const TeamPage: React.FC<Props> = (props) => {
-  const { secondaryBgColor, themeColorHex } = useMyTheme();
+  const { secondaryBgColor } = useMyTheme();
   const { data } = useSWR<GetTeamData>(`/api/teams/${props.team!.id}`, {
     initialData: props.team!,
   });
diff --git a/pages/t/index.tsx b/pages/t/index.tsx
index 57f4cf1e1..fd00ee1e1 100644
--- a/pages/t/index.tsx
+++ b/pages/t/index.tsx
@@ -45,7 +45,7 @@ const TeamsPage = ({ teams }: Props) => {
   return (
     <>
       <MyHead title={t`Teams`} />
-      {!isInTeam && <CreateNewTeamModal />}
+      {!isInTeam && user && <CreateNewTeamModal />}
       {teams.length > 0 && (
         <Box mb={8}>
           <FormControl display="flex" alignItems="center">
@@ -137,8 +137,8 @@ const TeamsPage = ({ teams }: Props) => {
 
               <Flex ml={2}>
                 {team.countries.map((country) => (
-                  <Box mr={1}>
-                    <Flag key={country} countryCode={country} />
+                  <Box key={country} mr={1}>
+                    <Flag countryCode={country} />
                   </Box>
                 ))}
               </Flex>