mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-10-01 15:48:23 -05:00
remove unused deps
This commit is contained in:
Kalle (Sendou)
1124
frontend-react/package-lock.json
generated
1124
frontend-react/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -5,11 +5,9 @@
|
||||
"dependencies": {
|
||||
"@apollo/react-hooks": "^3.1.5",
|
||||
"@chakra-ui/core": "^1.0.0-rc.4",
|
||||
"@chakra-ui/theme": "^1.0.0-rc.4",
|
||||
"@reach/router": "^1.3.4",
|
||||
"@rehooks/local-storage": "^2.4.0",
|
||||
"@sendou/react-sketch": "^0.5.2",
|
||||
"@types/jest": "^26.0.13",
|
||||
"@types/reach__router": "^1.3.5",
|
||||
"@types/react": "^16.9.49",
|
||||
"@types/react-color": "^3.0.4",
|
||||
@@ -18,16 +16,12 @@
|
||||
"@types/react-infinite-scroller": "^1.2.1",
|
||||
"@types/react-paginate": "^6.2.1",
|
||||
"@types/react-select": "^3.0.19",
|
||||
"@types/react-simple-maps": "^1.0.3",
|
||||
"@types/recharts": "^1.8.15",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"apollo-boost": "^0.4.9",
|
||||
"graphql": "^15.3.0",
|
||||
"i18next": "^19.7.0",
|
||||
"i18next-browser-languagedetector": "^6.0.1",
|
||||
"i18next-http-backend": "^1.0.18",
|
||||
"jstz": "^2.1.1",
|
||||
"node-sass": "^4.14.1",
|
||||
"react": "^16.13.1",
|
||||
"react-color": "^2.18.1",
|
||||
"react-datepicker": "^3.1.3",
|
||||
@@ -42,7 +36,6 @@
|
||||
"react-paginate": "^6.3.2",
|
||||
"react-scripts": "next",
|
||||
"react-select": "^3.1.0",
|
||||
"react-simple-maps": "^2.1.2",
|
||||
"react-string-replace": "^0.4.4",
|
||||
"react-super-responsive-table": "^5.1.2",
|
||||
"recharts": "^1.8.5",
|
||||
|
||||
@@ -18,7 +18,6 @@ const TournamentsDetailsPage = lazy(
|
||||
)
|
||||
const MapPlannerPage = lazy(() => import("../plans/MapPlannerPage"))
|
||||
const FreeAgentsPage = lazy(() => import("../freeagents/FreeAgentsPage"))
|
||||
const TeamPage = lazy(() => import("../team/TeamPage"))
|
||||
const XSearch = lazy(() => import("../xsearch/Top500BrowserPage"))
|
||||
const XTrends = lazy(() => import("../xtrends/XTrendsPage"))
|
||||
const PlusPage = lazy(() => import("../plus/PlusPage"))
|
||||
@@ -43,7 +42,6 @@ const Routes: React.FC = () => {
|
||||
<UserPage path="/u/:id" />
|
||||
<UserSearchPage path="/u" />
|
||||
<MarkdownHelpPage path="/markdown" />
|
||||
<TeamPage path="/t/:name" />
|
||||
<BuildsPage path="/builds" />
|
||||
<BuildAnalyzerPage path="/analyzer" />
|
||||
<EventPage path="/event" />
|
||||
|
||||
@@ -1,47 +0,0 @@
|
||||
import React, { useContext } from "react"
|
||||
import { ComposableMap, Geographies, Geography } from "react-simple-maps"
|
||||
import { CountryCode } from "../../types"
|
||||
import MyThemeContext from "../../themeContext"
|
||||
import { Box } from "@chakra-ui/core"
|
||||
|
||||
interface ChartProps {
|
||||
countries: CountryCode[]
|
||||
}
|
||||
|
||||
const Chart: React.FC<ChartProps> = ({ countries }) => {
|
||||
const { themeColorHex, bgColor } = useContext(MyThemeContext)
|
||||
return (
|
||||
<Box w="75%" mx="auto">
|
||||
<ComposableMap
|
||||
projection="geoAzimuthalEqualArea"
|
||||
projectionConfig={{
|
||||
rotate: [-20.0, -52.0, 0],
|
||||
scale: 700,
|
||||
}}
|
||||
>
|
||||
<Geographies geography="https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json">
|
||||
{({ geographies }) =>
|
||||
geographies.map((geo) => {
|
||||
const { REGION_UN, ISO_A2 } = geo.properties
|
||||
if (REGION_UN !== "Europe") return null
|
||||
return (
|
||||
<Geography
|
||||
key={geo.rsmKey}
|
||||
geography={geo}
|
||||
fill={
|
||||
countries.map((c) => c.toUpperCase()).includes(ISO_A2)
|
||||
? themeColorHex
|
||||
: bgColor
|
||||
}
|
||||
stroke={themeColorHex}
|
||||
/>
|
||||
)
|
||||
})
|
||||
}
|
||||
</Geographies>
|
||||
</ComposableMap>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
export default Chart
|
||||
@@ -1,24 +0,0 @@
|
||||
import React from "react"
|
||||
import { Avatar, Flex, Box } from "@chakra-ui/core"
|
||||
|
||||
interface LogoHeaderProps {
|
||||
name: string
|
||||
}
|
||||
|
||||
const LogoHeader: React.FC<LogoHeaderProps> = ({ name }) => {
|
||||
return (
|
||||
<Flex flexDirection="column" alignItems="center" justifyContent="center">
|
||||
<Avatar
|
||||
src="https://abload.de/img/scoze-logo-normalk9k93.png"
|
||||
size="2xl"
|
||||
name={name}
|
||||
/>
|
||||
<Box fontSize="2em" fontWeight="bold" mt="0.5em">
|
||||
{name}
|
||||
</Box>
|
||||
<Box opacity={0.4}>Est. April 2020</Box>
|
||||
</Flex>
|
||||
)
|
||||
}
|
||||
|
||||
export default LogoHeader
|
||||
@@ -1,114 +0,0 @@
|
||||
import { Box } from "@chakra-ui/core"
|
||||
import { RouteComponentProps } from "@reach/router"
|
||||
import React from "react"
|
||||
import { Helmet } from "react-helmet-async"
|
||||
import Chart from "./Chart"
|
||||
import TeamPlayer from "./TeamPlayer"
|
||||
import LogoHeader from "./LogoHeader"
|
||||
import Markdown from "../elements/Markdown"
|
||||
|
||||
const TeamPage: React.FC<RouteComponentProps> = () => {
|
||||
/*const { data, error, loading } = useQuery<
|
||||
SearchForTeamData,
|
||||
SearchForTeamVars
|
||||
>(SEARCH_FOR_TEAM, {
|
||||
variables: { name: name as string },
|
||||
skip: !name,
|
||||
})
|
||||
const { data: userData, error: userError, loading: userLoading } = useQuery<
|
||||
UserData
|
||||
>(USER)
|
||||
|
||||
if (!name) return <Redirect to="/404" />
|
||||
if (loading || userLoading) return <Loading />
|
||||
if (error) return <Error errorMessage={error.message} />
|
||||
if (userError) return <Error errorMessage={userError.message} />
|
||||
if (!data || !data.searchForTeam || !userData) return <Redirect to="/404" />
|
||||
|
||||
const team = data.searchForTeam
|
||||
const user = userData.user*/
|
||||
|
||||
const bio = `# Bio!
|
||||
|
||||
It is identical to the one you have in your profile
|
||||
|
||||
# Tournament results
|
||||
|
||||
🥇 Tournament
|
||||
🥉 Tournament
|
||||
🥇 Tournament
|
||||
|
||||
# You can put whatever you want here
|
||||
|
||||
:rainmaker:
|
||||
`
|
||||
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>Scoze Gaming | sendou.ink</title>
|
||||
</Helmet>
|
||||
<Chart countries={["fi", "fr", "nl"]} />
|
||||
{/* <USAChart states={["Wisconsin", "Texas", "California", "Florida"]} />*/}
|
||||
<LogoHeader name="Scoze Gaming" />
|
||||
<Box my="1.5em">
|
||||
<Markdown value={bio} />
|
||||
</Box>
|
||||
<TeamPlayer
|
||||
username="Sendou"
|
||||
discordId="79237403620945920"
|
||||
avatar="https://cdn.discordapp.com/avatars/79237403620945920/a22c9557975494f859242aaf9b317058."
|
||||
weapons={[
|
||||
"Tenta Brella",
|
||||
"N-ZAP '85",
|
||||
"Rapid Blaster Pro",
|
||||
"Foil Flingza Roller",
|
||||
]}
|
||||
role="Utility"
|
||||
country="fi"
|
||||
/>
|
||||
<Box my="4em">
|
||||
<TeamPlayer
|
||||
username="Brian"
|
||||
discordId="81154649993785344"
|
||||
avatar="https://cdn.discordapp.com/avatars/81154649993785344/6632c59857ad4266f61eabc62d917ef6."
|
||||
weapons={[
|
||||
"Splatterscope",
|
||||
"Heavy Splatling Remix",
|
||||
"Explosher",
|
||||
"Sploosh-o-matic 7",
|
||||
"Bamboozler 14 Mk I",
|
||||
]}
|
||||
role="Anchor"
|
||||
country="nl"
|
||||
/>
|
||||
</Box>
|
||||
<Box my="4em">
|
||||
<TeamPlayer
|
||||
username="kurisu"
|
||||
discordId="601212946420334635"
|
||||
avatar="https://cdn.discordapp.com/avatars/601212946420334635/7125efcf758514841c93e6398f17de3a."
|
||||
weapons={[
|
||||
"Kensa Splattershot",
|
||||
"Enperry Splat Dualies",
|
||||
"Foil Squeezer",
|
||||
]}
|
||||
role="Slayer"
|
||||
country="fr"
|
||||
/>
|
||||
</Box>
|
||||
<Box my="4em">
|
||||
<TeamPlayer
|
||||
username="SkoXay"
|
||||
discordId="427319047785545759"
|
||||
avatar="https://cdn.discordapp.com/avatars/427319047785545759/a_e371e275e604e31b155c7f66e3cbce48."
|
||||
weapons={["L-3 Nozzlenose", "L-3 Nozzlenose D"]}
|
||||
role="Slayer"
|
||||
country="fr"
|
||||
/>
|
||||
</Box>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default TeamPage
|
||||
@@ -1,101 +0,0 @@
|
||||
import React, { useContext } from "react"
|
||||
import UserAvatar from "../common/UserAvatar"
|
||||
import { Box, Flex } from "@chakra-ui/core"
|
||||
import MyThemeContext from "../../themeContext"
|
||||
import WeaponImage from "../common/WeaponImage"
|
||||
import { Weapon, CountryCode } from "../../types"
|
||||
import Flag from "../common/Flag"
|
||||
import useBreakPoints from "../../hooks/useBreakPoints"
|
||||
import { Link } from "@reach/router"
|
||||
|
||||
interface TeamPlayerProps {
|
||||
username: string
|
||||
discordId: string
|
||||
avatar?: string
|
||||
weapons?: Weapon[]
|
||||
role?: string
|
||||
country?: CountryCode
|
||||
}
|
||||
|
||||
const TeamPlayer: React.FC<TeamPlayerProps> = ({
|
||||
username,
|
||||
discordId,
|
||||
avatar,
|
||||
weapons,
|
||||
role,
|
||||
country,
|
||||
}) => {
|
||||
const { themeColorWithShade } = useContext(MyThemeContext)
|
||||
const isSmall = useBreakPoints(850)
|
||||
return (
|
||||
<>
|
||||
<Flex>
|
||||
<Box
|
||||
border="2px solid"
|
||||
borderColor={themeColorWithShade}
|
||||
borderBottom={0}
|
||||
borderTopLeftRadius="125px"
|
||||
borderTopRightRadius="125px"
|
||||
width="125px"
|
||||
height="66px"
|
||||
pl="7px"
|
||||
>
|
||||
<UserAvatar
|
||||
name={username}
|
||||
src={avatar}
|
||||
size="xl"
|
||||
mt="5px"
|
||||
mr="7px"
|
||||
/>
|
||||
</Box>
|
||||
<Flex
|
||||
borderBottom="2px solid white"
|
||||
w="100%"
|
||||
borderColor={themeColorWithShade}
|
||||
justifyContent="space-between"
|
||||
alignItems="flex-end"
|
||||
>
|
||||
<Box
|
||||
ml="0.5em"
|
||||
fontSize="1.7em"
|
||||
fontWeight="bold"
|
||||
whiteSpace="nowrap"
|
||||
>
|
||||
<Link to={`/u/${discordId}`}> {username}</Link>
|
||||
{country && <Flag code={country} size="32" />}
|
||||
</Box>
|
||||
{weapons && !isSmall && (
|
||||
<Flex mt="0.2rem">
|
||||
{weapons.map((wpn) => (
|
||||
<Box m="0.4em" key={wpn}>
|
||||
<WeaponImage englishName={wpn} size="SMEDIUM" />
|
||||
</Box>
|
||||
))}
|
||||
</Flex>
|
||||
)}
|
||||
</Flex>
|
||||
</Flex>
|
||||
<Box
|
||||
ml="129px"
|
||||
fontSize="1.4em"
|
||||
fontWeight="bold"
|
||||
textTransform="uppercase"
|
||||
mt="0.2em"
|
||||
opacity={0.4}
|
||||
>
|
||||
{role}
|
||||
</Box>
|
||||
{weapons && isSmall && (
|
||||
<Flex mt="0.2rem" justifyContent="space-between">
|
||||
{weapons.map((wpn) => (
|
||||
<Box m="0.4em" key={wpn}>
|
||||
<WeaponImage englishName={wpn} size="SMALL" />
|
||||
</Box>
|
||||
))}
|
||||
</Flex>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default TeamPlayer
|
||||
@@ -1,43 +0,0 @@
|
||||
import React, { useContext } from "react"
|
||||
import { ComposableMap, Geographies, Geography } from "react-simple-maps"
|
||||
import { Box } from "@chakra-ui/core"
|
||||
import MyThemeContext from "../../themeContext"
|
||||
|
||||
interface USAChartProps {
|
||||
states: string[]
|
||||
}
|
||||
|
||||
const USAChart: React.FC<USAChartProps> = ({ states }) => {
|
||||
const { bgColor, themeColorHex } = useContext(MyThemeContext)
|
||||
return (
|
||||
<Box w="75%" mx="auto">
|
||||
<ComposableMap projection="geoAlbersUsa">
|
||||
<Geographies geography="https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json">
|
||||
{({ geographies }) => (
|
||||
<>
|
||||
{geographies.map((geo) => {
|
||||
return (
|
||||
<Geography
|
||||
key={geo.rsmKey}
|
||||
stroke={themeColorHex}
|
||||
geography={geo}
|
||||
fill={
|
||||
states.includes(geo.properties.name)
|
||||
? themeColorHex
|
||||
: bgColor
|
||||
}
|
||||
/>
|
||||
)
|
||||
})}
|
||||
{geographies.map((geo) => {
|
||||
return <g key={geo.rsmKey + "-name"} />
|
||||
})}
|
||||
</>
|
||||
)}
|
||||
</Geographies>
|
||||
</ComposableMap>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
export default USAChart
|
||||
Reference in New Issue
Block a user