@@ -121,19 +119,19 @@ const CharacterUnit = (props: Props) => {
special={character.special}
/>
) : (
- ""
+ ''
)}
- );
+ )
const withHovercard = (
{character?.name[locale]}
- {t("summons.subaura")}
+ {t('summons.subaura')}
- );
-};
+ )
+}
-export default ExtraSummons;
+export default ExtraSummons
diff --git a/components/ExtraWeapons/index.tsx b/components/ExtraWeapons/index.tsx
index 9ddbb9bd..67794e68 100644
--- a/components/ExtraWeapons/index.tsx
+++ b/components/ExtraWeapons/index.tsx
@@ -1,28 +1,28 @@
-import React from "react";
-import { useTranslation } from "next-i18next";
-import WeaponUnit from "~components/WeaponUnit";
+import React from 'react'
+import { useTranslation } from 'next-i18next'
+import WeaponUnit from '~components/WeaponUnit'
-import type { SearchableObject } from "~types";
+import type { SearchableObject } from '~types'
-import "./index.scss";
+import './index.scss'
// Props
interface Props {
- grid: GridArray-
{Array.from(Array(numSummons)).map((x, i) => {
return (
@@ -36,11 +36,11 @@ const ExtraSummons = (props: Props) => {
updateUncap={props.updateUncap}
/>
- );
+ )
})}
- {t("extra_weapons")}
+ {t('extra_weapons')}
- );
-};
+ )
+}
-export default ExtraWeapons;
+export default ExtraWeapons
diff --git a/components/Fieldset/index.tsx b/components/Fieldset/index.tsx
index 25ffeadc..7ba41adc 100644
--- a/components/Fieldset/index.tsx
+++ b/components/Fieldset/index.tsx
@@ -1,22 +1,22 @@
-import React from "react";
-import "./index.scss";
+import React from 'react'
+import './index.scss'
interface Props {
- fieldName: string;
- placeholder: string;
- value?: string;
- error: string;
- onBlur?: (event: React.ChangeEvent-
{Array.from(Array(numWeapons)).map((x, i) => {
return (
@@ -36,11 +36,11 @@ const ExtraWeapons = (props: Props) => {
updateUncap={props.updateUncap}
/>
- );
+ )
})}
- {props.name ? props.name : t("no_title")} + {props.name ? props.name : t('no_title')}
- {props.raid ? props.raid.name[locale] : t("no_raid")}
+ {props.raid ? props.raid.name[locale] : t('no_raid')}
- {props.name ? props.name : t("no_title")} + {props.name ? props.name : t('no_title')}
- {props.raid ? props.raid.name[locale] : t("no_raid")}
+ {props.raid ? props.raid.name[locale] : t('no_raid')}
{userImage()}
- {props.user ? props.user.username : t("no_user")}
+ {props.user ? props.user.username : t('no_user')}
@@ -200,12 +198,12 @@ const GridRep = (props: Props) => {
>
{generateGridImage(i)}
- );
+ )
})}
- );
-};
+ )
+}
-export default GridRep;
+export default GridRep
diff --git a/components/GridRepCollection/index.tsx b/components/GridRepCollection/index.tsx
index 93332c6a..6780cb79 100644
--- a/components/GridRepCollection/index.tsx
+++ b/components/GridRepCollection/index.tsx
@@ -1,18 +1,18 @@
-import classNames from "classnames";
-import React from "react";
+import classNames from 'classnames'
+import React from 'react'
-import "./index.scss";
+import './index.scss'
interface Props {
- children: React.ReactNode;
+ children: React.ReactNode
}
const GridRepCollection = (props: Props) => {
const classes = classNames({
GridRepCollection: true,
- });
+ })
- return {props.children}
;
-};
+ return {props.children}
+}
-export default GridRepCollection;
+export default GridRepCollection
diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index 29663b38..16ec9bea 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -1,11 +1,11 @@
-import React from "react";
+import React from 'react'
-import "./index.scss";
+import './index.scss'
interface Props {
- position: "top" | "bottom";
- left: JSX.Element;
- right: JSX.Element;
+ position: 'top' | 'bottom'
+ left: JSX.Element
+ right: JSX.Element
}
const Header = (props: Props) => {
@@ -15,7 +15,7 @@ const Header = (props: Props) => {
{props.right}
- );
-};
+ )
+}
-export default Header;
+export default Header
diff --git a/components/HeaderMenu/index.scss b/components/HeaderMenu/index.scss
index d961f2a9..538936e6 100644
--- a/components/HeaderMenu/index.scss
+++ b/components/HeaderMenu/index.scss
@@ -67,7 +67,7 @@
cursor: pointer;
}
- &[data-state="checked"] {
+ &[data-state='checked'] {
background: $grey-100;
transform: translateX(17px);
}
diff --git a/components/HeaderMenu/index.tsx b/components/HeaderMenu/index.tsx
index 1bf30e2d..71f89534 100644
--- a/components/HeaderMenu/index.tsx
+++ b/components/HeaderMenu/index.tsx
@@ -1,51 +1,51 @@
-import React, { useEffect, useState } from "react";
-import { getCookie, setCookie } from "cookies-next";
-import { useRouter } from "next/router";
-import { useTranslation } from "next-i18next";
+import React, { useEffect, useState } from 'react'
+import { getCookie, setCookie } from 'cookies-next'
+import { useRouter } from 'next/router'
+import { useTranslation } from 'next-i18next'
-import Link from "next/link";
-import * as Switch from "@radix-ui/react-switch";
+import Link from 'next/link'
+import * as Switch from '@radix-ui/react-switch'
-import AboutModal from "~components/AboutModal";
-import AccountModal from "~components/AccountModal";
-import LoginModal from "~components/LoginModal";
-import SignupModal from "~components/SignupModal";
+import AboutModal from '~components/AboutModal'
+import AccountModal from '~components/AccountModal'
+import LoginModal from '~components/LoginModal'
+import SignupModal from '~components/SignupModal'
-import "./index.scss";
+import './index.scss'
interface Props {
- authenticated: boolean;
- username?: string;
- logout?: () => void;
+ authenticated: boolean
+ username?: string
+ logout?: () => void
}
const HeaderMenu = (props: Props) => {
- const router = useRouter();
- const { t } = useTranslation("common");
+ const router = useRouter()
+ const { t } = useTranslation('common')
- const accountCookie = getCookie("account");
+ const accountCookie = getCookie('account')
const accountData: AccountCookie = accountCookie
? JSON.parse(accountCookie as string)
- : null;
+ : null
- const userCookie = getCookie("user");
+ const userCookie = getCookie('user')
const userData: UserCookie = userCookie
? JSON.parse(userCookie as string)
- : null;
+ : null
- const localeCookie = getCookie("NEXT_LOCALE");
+ const localeCookie = getCookie('NEXT_LOCALE')
- const [checked, setChecked] = useState(false);
+ const [checked, setChecked] = useState(false)
useEffect(() => {
- const locale = localeCookie;
- setChecked(locale === "ja" ? true : false);
- }, [localeCookie]);
+ const locale = localeCookie
+ setChecked(locale === 'ja' ? true : false)
+ }, [localeCookie])
function handleCheckedChange(value: boolean) {
- const language = value ? "ja" : "en";
- setCookie("NEXT_LOCALE", language, { path: "/" });
- router.push(router.asPath, undefined, { locale: language });
+ const language = value ? 'ja' : 'en'
+ setCookie('NEXT_LOCALE', language, { path: '/' })
+ router.push(router.asPath, undefined, { locale: language })
}
function authItems() {
@@ -54,7 +54,7 @@ const HeaderMenu = (props: Props) => {
-
-
+
{accountData.username}
{
- - {t("menu.saved")} + {t('menu.saved')}
@@ -87,12 +87,12 @@ const HeaderMenu = (props: Props) => {- - {t("menu.teams")} + {t('menu.teams')}
- {t("menu.guides")} - {t("coming_soon")} + {t('menu.guides')} + {t('coming_soon')} - - {t("menu.logout")} + {t('menu.logout')}
-
- {t("menu.language")}
+ {t('menu.language')}
{ - - {t("menu.teams")} + {t('menu.teams')}
-
- {t("menu.guides")} - {t("coming_soon")} + {t('menu.guides')} + {t('coming_soon')}
- {props.editable && props.hasJob ?
- );
+ )
}
- return jsx;
- };
+ return jsx
+ }
const label = () => {
- let jsx: React.ReactNode;
+ let jsx: React.ReactNode
if (props.skill) {
- jsx = {props.skill.name[locale]}
; + jsx ={props.skill.name[locale]}
} else if (props.editable && props.hasJob) { - jsx ={t("job_skills.state.selectable")}
; + jsx ={t('job_skills.state.selectable')}
} else { - jsx ={t("job_skills.state.no_skill")}
; + jsx ={t('job_skills.state.no_skill')}
} - return jsx; - }; + return jsx + } return (
{skillImage()}
{label()}
- );
+ )
}
-);
+)
-export default JobSkillItem;
+export default JobSkillItem
diff --git a/components/JobSkillResult/index.tsx b/components/JobSkillResult/index.tsx
index d04653fd..66d9333b 100644
--- a/components/JobSkillResult/index.tsx
+++ b/components/JobSkillResult/index.tsx
@@ -1,43 +1,41 @@
-import React, { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import { SkillGroup, skillClassification } from "~utils/skillGroups";
+import React, { useEffect, useState } from 'react'
+import { useRouter } from 'next/router'
+import { SkillGroup, skillClassification } from '~utils/skillGroups'
-import "./index.scss";
+import './index.scss'
interface Props {
- data: JobSkill;
- onClick: () => void;
+ data: JobSkill
+ onClick: () => void
}
const JobSkillResult = (props: Props) => {
- const router = useRouter();
+ const router = useRouter()
const locale =
- router.locale && ["en", "ja"].includes(router.locale)
- ? router.locale
- : "en";
+ router.locale && ['en', 'ja'].includes(router.locale) ? router.locale : 'en'
- const skill = props.data;
+ const skill = props.data
- const [group, setGroup] = useState{skill.name[locale]}
-
+
- );
-};
+ )
+}
-export default JobSkillResult;
+export default JobSkillResult
diff --git a/components/JobSkillSearchFilterBar/index.tsx b/components/JobSkillSearchFilterBar/index.tsx
index 7151ad4f..36f018eb 100644
--- a/components/JobSkillSearchFilterBar/index.tsx
+++ b/components/JobSkillSearchFilterBar/index.tsx
@@ -1,23 +1,23 @@
-import React, { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import { useTranslation } from "react-i18next";
+import React, { useEffect, useState } from 'react'
+import { useRouter } from 'next/router'
+import { useTranslation } from 'react-i18next'
-import { skillGroups } from "~utils/skillGroups";
+import { skillGroups } from '~utils/skillGroups'
-import "./index.scss";
+import './index.scss'
interface Props {
- sendFilters: (filters: { [key: string]: number }) => void;
+ sendFilters: (filters: { [key: string]: number }) => void
}
const JobSkillSearchFilterBar = (props: Props) => {
// Set up translation
- const { t } = useTranslation("common");
+ const { t } = useTranslation('common')
- const [currentGroup, setCurrentGroup] = useState(-1);
+ const [currentGroup, setCurrentGroup] = useState(-1)
function onChange(event: React.ChangeEvent
{group?.name[locale]}
@@ -65,7 +65,7 @@ const JobSkillSearchFilterBar = (props: Props) => {
- );
-};
+ )
+}
-export default JobSkillSearchFilterBar;
+export default JobSkillSearchFilterBar
diff --git a/components/Layout/index.tsx b/components/Layout/index.tsx
index a8de5056..ce3b6781 100644
--- a/components/Layout/index.tsx
+++ b/components/Layout/index.tsx
@@ -1,8 +1,8 @@
-import type { ReactElement } from "react";
-import TopHeader from "~components/TopHeader";
+import type { ReactElement } from 'react'
+import TopHeader from '~components/TopHeader'
interface Props {
- children: ReactElement;
+ children: ReactElement
}
const Layout = ({ children }: Props) => {
@@ -11,7 +11,7 @@ const Layout = ({ children }: Props) => {
@@ -79,7 +79,7 @@ const PartySegmentedControl = (props: Props) => {
selected={props.selectedTab == GridType.Character}
onClick={props.onClick}
>
- {t("party.segmented_control.characters")}
+ {t('party.segmented_control.characters')}
{
selected={props.selectedTab == GridType.Weapon}
onClick={props.onClick}
>
- {t("party.segmented_control.weapons")}
+ {t('party.segmented_control.weapons')}
{
selected={props.selectedTab == GridType.Summon}
onClick={props.onClick}
>
- {t("party.segmented_control.summons")}
+ {t('party.segmented_control.summons')}
{(() => {
if (party.editable && props.selectedTab == GridType.Weapon) {
- return extraToggle;
+ return extraToggle
}
})()}
- );
-};
+ )
+}
-export default PartySegmentedControl;
+export default PartySegmentedControl
diff --git a/components/SearchFilter/index.tsx b/components/SearchFilter/index.tsx
index b64bf874..2cef27a9 100644
--- a/components/SearchFilter/index.tsx
+++ b/components/SearchFilter/index.tsx
@@ -1,16 +1,16 @@
-import React from "react";
+import React from 'react'
-import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
-import ArrowIcon from "~public/icons/Arrow.svg";
-import "./index.scss";
+import ArrowIcon from '~public/icons/Arrow.svg'
+import './index.scss'
interface Props {
- label: string;
- open: boolean;
- numSelected: number;
- onOpenChange: (open: boolean) => void;
- children: React.ReactNode;
+ label: string
+ open: boolean
+ numSelected: number
+ onOpenChange: (open: boolean) => void
+ children: React.ReactNode
}
const SearchFilter = (props: Props) => {
@@ -28,7 +28,7 @@ const SearchFilter = (props: Props) => {
- {t("search.result_count", { record_count: recordCount })} + {t('search.result_count', { record_count: recordCount })}
- {open ? renderResults() : ""} + {open ? renderResults() : ''}
- ({
- username: "",
- email: "",
- password: "",
- passwordConfirmation: "",
- });
+ username: '',
+ email: '',
+ password: '',
+ passwordConfirmation: '',
+ })
// States
- const [open, setOpen] = useState(false);
+ const [open, setOpen] = useState(false)
// Set up form refs
- const usernameInput = React.createRef();
- const emailInput = React.createRef();
- const passwordInput = React.createRef();
- const passwordConfirmationInput = React.createRef();
+ const usernameInput = React.createRef()
+ const emailInput = React.createRef()
+ const passwordInput = React.createRef()
+ const passwordConfirmationInput = React.createRef()
const form = [
usernameInput,
emailInput,
passwordInput,
passwordConfirmationInput,
- ];
+ ]
function register(event: React.FormEvent) {
- event.preventDefault();
+ event.preventDefault()
const body = {
user: {
@@ -68,47 +68,47 @@ const SignupModal = (props: Props) => {
password_confirmation: passwordConfirmationInput.current?.value,
language: router.locale,
},
- };
+ }
if (formValid)
api.endpoints.users
.create(body)
.then((response) => {
- storeCookieInfo(response);
- return response.data.user.user_id;
+ storeCookieInfo(response)
+ return response.data.user.user_id
})
.then((id) => fetchUserInfo(id))
- .then((infoResponse) => storeUserInfo(infoResponse));
+ .then((infoResponse) => storeUserInfo(infoResponse))
}
function storeCookieInfo(response: AxiosResponse) {
- const user = response.data.user;
+ const user = response.data.user
const cookieObj: AccountCookie = {
userId: user.user_id,
username: user.username,
token: user.token,
- };
+ }
- setCookie("account", cookieObj, { path: "/" });
+ setCookie('account', cookieObj, { path: '/' })
}
function fetchUserInfo(id: string) {
- return api.userInfo(id);
+ return api.userInfo(id)
}
function storeUserInfo(response: AxiosResponse) {
- const user = response.data.user;
+ const user = response.data.user
const cookieObj: UserCookie = {
picture: user.picture.picture,
element: user.picture.element,
language: user.language,
gender: user.gender,
- };
+ }
// TODO: Set language
- setCookie("user", cookieObj, { path: "/" });
+ setCookie('user', cookieObj, { path: '/' })
accountState.account.user = {
id: user.id,
@@ -116,29 +116,29 @@ const SignupModal = (props: Props) => {
picture: user.picture.picture,
element: user.picture.element,
gender: user.gender,
- };
+ }
- accountState.account.authorized = true;
- setOpen(false);
+ accountState.account.authorized = true
+ setOpen(false)
}
function handleNameChange(event: React.ChangeEvent) {
- event.preventDefault();
+ event.preventDefault()
- const fieldName = event.target.name;
- const value = event.target.value;
+ const fieldName = event.target.name
+ const value = event.target.value
if (value.length >= 3) {
api.check(fieldName, value).then(
(response) => {
- processNameCheck(fieldName, value, response.data.available);
+ processNameCheck(fieldName, value, response.data.available)
},
(error) => {
- console.error(error);
+ console.error(error)
}
- );
+ )
} else {
- validateName(fieldName, value);
+ validateName(fieldName, value)
}
}
@@ -147,114 +147,114 @@ const SignupModal = (props: Props) => {
value: string,
available: boolean
) {
- const newErrors = { ...errors };
+ const newErrors = { ...errors }
if (available) {
// Continue checking for errors
- newErrors[fieldName] = "";
- setErrors(newErrors);
- setFormValid(true);
+ newErrors[fieldName] = ''
+ setErrors(newErrors)
+ setFormValid(true)
- validateName(fieldName, value);
+ validateName(fieldName, value)
} else {
- newErrors[fieldName] = t("modals.signup.errors.field_in_use", {
+ newErrors[fieldName] = t('modals.signup.errors.field_in_use', {
field: fieldName,
- });
- setErrors(newErrors);
- setFormValid(false);
+ })
+ setErrors(newErrors)
+ setFormValid(false)
}
}
function validateName(fieldName: string, value: string) {
- let newErrors = { ...errors };
+ let newErrors = { ...errors }
switch (fieldName) {
- case "username":
+ case 'username':
if (value.length < 3)
- newErrors.username = t("modals.signup.errors.username_too_short");
+ newErrors.username = t('modals.signup.errors.username_too_short')
else if (value.length > 20)
- newErrors.username = t("modals.signup.errors.username_too_long");
- else newErrors.username = "";
+ newErrors.username = t('modals.signup.errors.username_too_long')
+ else newErrors.username = ''
- break;
+ break
- case "email":
+ case 'email':
newErrors.email = emailRegex.test(value)
- ? ""
- : t("modals.signup.errors.invalid_email");
- break;
+ ? ''
+ : t('modals.signup.errors.invalid_email')
+ break
default:
- break;
+ break
}
- setFormValid(validateForm(newErrors));
+ setFormValid(validateForm(newErrors))
}
function handlePasswordChange(event: React.ChangeEvent) {
- event.preventDefault();
+ event.preventDefault()
- const { name, value } = event.target;
- let newErrors = { ...errors };
+ const { name, value } = event.target
+ let newErrors = { ...errors }
switch (name) {
- case "password":
+ case 'password':
newErrors.password = passwordInput.current?.value.includes(
usernameInput.current?.value!
)
- ? t("modals.signup.errors.password_contains_username")
- : "";
- break;
+ ? t('modals.signup.errors.password_contains_username')
+ : ''
+ break
- case "password":
+ case 'password':
newErrors.password =
- value.length < 8 ? t("modals.signup.errors.password_too_short") : "";
- break;
+ value.length < 8 ? t('modals.signup.errors.password_too_short') : ''
+ break
- case "confirm_password":
+ case 'confirm_password':
newErrors.passwordConfirmation =
passwordInput.current?.value ===
passwordConfirmationInput.current?.value
- ? ""
- : t("modals.signup.errors.passwords_dont_match");
- break;
+ ? ''
+ : t('modals.signup.errors.passwords_dont_match')
+ break
default:
- break;
+ break
}
- setFormValid(validateForm(newErrors));
+ setFormValid(validateForm(newErrors))
}
function validateForm(errors: ErrorMap) {
- let valid = true;
+ let valid = true
Object.values(form).forEach(
(input) => input.current?.value.length == 0 && (valid = false)
- );
+ )
Object.values(errors).forEach(
(error) => error.length > 0 && (valid = false)
- );
+ )
- return valid;
+ return valid
}
function openChange(open: boolean) {
- setOpen(open);
+ setOpen(open)
setErrors({
- username: "",
- email: "",
- password: "",
- passwordConfirmation: "",
- });
+ username: '',
+ email: '',
+ password: '',
+ passwordConfirmation: '',
+ })
}
return (
- {t("menu.signup")}
+ {t('menu.signup')}
@@ -264,7 +264,7 @@ const SignupModal = (props: Props) => {
>
- {t("modals.signup.title")}
+ {t('modals.signup.title')}
@@ -276,7 +276,7 @@ const SignupModal = (props: Props) => {
- {t("buttons.wiki")}
+ {t('buttons.wiki')}
@@ -41,7 +39,7 @@ const SummonResult = (props: Props) => {
+
- );
-};
+ )
+}
-export default SegmentedControl;
+export default SegmentedControl
diff --git a/components/SignupModal/index.tsx b/components/SignupModal/index.tsx
index 8dab18f1..8a9ef1db 100644
--- a/components/SignupModal/index.tsx
+++ b/components/SignupModal/index.tsx
@@ -1,64 +1,64 @@
-import React, { useEffect, useState } from "react";
-import Link from "next/link";
-import { setCookie } from "cookies-next";
-import { useRouter } from "next/router";
-import { Trans, useTranslation } from "next-i18next";
-import { AxiosResponse } from "axios";
+import React, { useEffect, useState } from 'react'
+import Link from 'next/link'
+import { setCookie } from 'cookies-next'
+import { useRouter } from 'next/router'
+import { Trans, useTranslation } from 'next-i18next'
+import { AxiosResponse } from 'axios'
-import * as Dialog from "@radix-ui/react-dialog";
+import * as Dialog from '@radix-ui/react-dialog'
-import api from "~utils/api";
-import { accountState } from "~utils/accountState";
+import api from '~utils/api'
+import { accountState } from '~utils/accountState'
-import Button from "~components/Button";
-import Fieldset from "~components/Fieldset";
+import Button from '~components/Button'
+import Fieldset from '~components/Fieldset'
-import CrossIcon from "~public/icons/Cross.svg";
-import "./index.scss";
+import CrossIcon from '~public/icons/Cross.svg'
+import './index.scss'
interface Props {}
interface ErrorMap {
- [index: string]: string;
- username: string;
- email: string;
- password: string;
- passwordConfirmation: string;
+ [index: string]: string
+ username: string
+ email: string
+ password: string
+ passwordConfirmation: string
}
const emailRegex =
- /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+ /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
const SignupModal = (props: Props) => {
- const router = useRouter();
- const { t } = useTranslation("common");
+ const router = useRouter()
+ const { t } = useTranslation('common')
// Set up form states and error handling
- const [formValid, setFormValid] = useState(false);
+ const [formValid, setFormValid] = useState(false)
const [errors, setErrors] = useState
{children}
@@ -129,17 +127,17 @@ const SummonUnit = (props: Props) => {
special={false}
/>
) : (
- ""
+ ''
)}
- );
+ )
const withHovercard = (
{summon?.name[locale]}
{props.error}
} - ); + ) } -); +) -export default TextFieldset; +export default TextFieldset diff --git a/components/ToggleSwitch/index.tsx b/components/ToggleSwitch/index.tsx index 0da95735..dd51c65b 100644 --- a/components/ToggleSwitch/index.tsx +++ b/components/ToggleSwitch/index.tsx @@ -1,12 +1,12 @@ -import React from "react"; +import React from 'react' -import "./index.scss"; +import './index.scss' interface Props { - name: string; - checked: boolean; - editable: boolean; - onChange: (event: React.ChangeEvent
-
+
{account.user ? (
{
- );
- };
+ )
+ }
const saveButton = () => {
if (party.favorited)
@@ -117,38 +117,38 @@ const TopHeader = () => {
- );
+ )
else
return (
- );
- };
+ )
+ }
const rightNav = () => {
return (
- {router.route === "/p/[party]" &&
+ {router.route === '/p/[party]' &&
account.user &&
(!party.user || party.user.id !== account.user.id)
? saveButton()
- : ""}
- {router.route === "/p/[party]" ? (
+ : ''}
+ {router.route === '/p/[party]' ? (
) : (
- ""
+ ''
)}
- );
- };
+ )
+ }
- return -
{Array.from(Array(numStars)).map((x, i) => {
- if (props.type === "character" && i > 4) {
- if (props.special) return ulb(i);
- else return transcendence(i);
+ if (props.type === 'character' && i > 4) {
+ if (props.special) return ulb(i)
+ else return transcendence(i)
} else if (
- (props.special && props.type === "character" && i == 3) ||
- (props.type === "character" && i == 4) ||
- (props.type !== "character" && i > 2)
+ (props.special && props.type === 'character' && i == 3) ||
+ (props.type === 'character' && i == 4) ||
+ (props.type !== 'character' && i > 2)
) {
- return flb(i);
+ return flb(i)
} else {
- return mlb(i);
+ return mlb(i)
}
})}
@@ -251,10 +250,10 @@ const WeaponGrid = (props: Props) => {
{(() => {
- return party.extra ? extraGridElement : "";
+ return party.extra ? extraGridElement : ''
})()}
- );
-};
+ )
+}
-export default WeaponGrid;
+export default WeaponGrid
diff --git a/components/WeaponHovercard/index.tsx b/components/WeaponHovercard/index.tsx
index 2bd3d5b7..5b869500 100644
--- a/components/WeaponHovercard/index.tsx
+++ b/components/WeaponHovercard/index.tsx
@@ -1,134 +1,132 @@
-import React from "react";
-import { useRouter } from "next/router";
-import { useTranslation } from "next-i18next";
+import React from 'react'
+import { useRouter } from 'next/router'
+import { useTranslation } from 'next-i18next'
-import * as HoverCard from "@radix-ui/react-hover-card";
+import * as HoverCard from '@radix-ui/react-hover-card'
-import WeaponLabelIcon from "~components/WeaponLabelIcon";
-import UncapIndicator from "~components/UncapIndicator";
+import WeaponLabelIcon from '~components/WeaponLabelIcon'
+import UncapIndicator from '~components/UncapIndicator'
-import { axData } from "~utils/axData";
+import { axData } from '~utils/axData'
-import "./index.scss";
+import './index.scss'
interface Props {
- gridWeapon: GridWeapon;
- children: React.ReactNode;
+ gridWeapon: GridWeapon
+ children: React.ReactNode
}
interface KeyNames {
[key: string]: {
- [key: string]: string;
- en: string;
- ja: string;
- };
+ [key: string]: string
+ en: string
+ ja: string
+ }
}
const WeaponHovercard = (props: Props) => {
- const router = useRouter();
- const { t } = useTranslation("common");
+ const router = useRouter()
+ const { t } = useTranslation('common')
const locale =
- router.locale && ["en", "ja"].includes(router.locale)
- ? router.locale
- : "en";
+ router.locale && ['en', 'ja'].includes(router.locale) ? router.locale : 'en'
- const Element = ["null", "wind", "fire", "water", "earth", "dark", "light"];
+ const Element = ['null', 'wind', 'fire', 'water', 'earth', 'dark', 'light']
const Proficiency = [
- "none",
- "sword",
- "dagger",
- "axe",
- "spear",
- "bow",
- "staff",
- "fist",
- "harp",
- "gun",
- "katana",
- ];
+ 'none',
+ 'sword',
+ 'dagger',
+ 'axe',
+ 'spear',
+ 'bow',
+ 'staff',
+ 'fist',
+ 'harp',
+ 'gun',
+ 'katana',
+ ]
const WeaponKeyNames: KeyNames = {
- "2": {
- en: "Pendulum",
- ja: "ペンデュラム",
+ '2': {
+ en: 'Pendulum',
+ ja: 'ペンデュラム',
},
- "3": {
- en: "Teluma",
- ja: "テルマ",
+ '3': {
+ en: 'Teluma',
+ ja: 'テルマ',
},
- "17": {
- en: "Gauph Key",
- ja: "ガフスキー",
+ '17': {
+ en: 'Gauph Key',
+ ja: 'ガフスキー',
},
- "22": {
- en: "Emblem",
- ja: "エンブレム",
+ '22': {
+ en: 'Emblem',
+ ja: 'エンブレム',
},
- };
+ }
const tintElement =
props.gridWeapon.object.element == 0 && props.gridWeapon.element
? Element[props.gridWeapon.element]
- : Element[props.gridWeapon.object.element];
+ : Element[props.gridWeapon.object.element]
const wikiUrl = `https://gbf.wiki/${props.gridWeapon.object.name.en.replaceAll(
- " ",
- "_"
- )}`;
+ ' ',
+ '_'
+ )}`
const hovercardSide = () => {
- if (props.gridWeapon.position == -1) return "right";
+ if (props.gridWeapon.position == -1) return 'right'
else if ([6, 7, 8, 9, 10, 11].includes(props.gridWeapon.position))
- return "top";
- else return "bottom";
- };
+ return 'top'
+ else return 'bottom'
+ }
const createPrimaryAxSkillString = () => {
- const primaryAxSkills = axData[props.gridWeapon.object.ax - 1];
+ const primaryAxSkills = axData[props.gridWeapon.object.ax - 1]
if (props.gridWeapon.ax) {
- const simpleAxSkill = props.gridWeapon.ax[0];
+ const simpleAxSkill = props.gridWeapon.ax[0]
const axSkill = primaryAxSkills.find(
(skill) => skill.id == simpleAxSkill.modifier
- );
+ )
return `${axSkill?.name[locale]} +${simpleAxSkill.strength}${
- axSkill?.suffix ? axSkill.suffix : ""
- }`;
+ axSkill?.suffix ? axSkill.suffix : ''
+ }`
}
- return "";
- };
+ return ''
+ }
const createSecondaryAxSkillString = () => {
- const primaryAxSkills = axData[props.gridWeapon.object.ax - 1];
+ const primaryAxSkills = axData[props.gridWeapon.object.ax - 1]
if (props.gridWeapon.ax) {
- const primarySimpleAxSkill = props.gridWeapon.ax[0];
- const secondarySimpleAxSkill = props.gridWeapon.ax[1];
+ const primarySimpleAxSkill = props.gridWeapon.ax[0]
+ const secondarySimpleAxSkill = props.gridWeapon.ax[1]
const primaryAxSkill = primaryAxSkills.find(
(skill) => skill.id == primarySimpleAxSkill.modifier
- );
+ )
if (primaryAxSkill && primaryAxSkill.secondary) {
const secondaryAxSkill = primaryAxSkill.secondary.find(
(skill) => skill.id == secondarySimpleAxSkill.modifier
- );
+ )
return `${secondaryAxSkill?.name[locale]} +${
secondarySimpleAxSkill.strength
- }${secondaryAxSkill?.suffix ? secondaryAxSkill.suffix : ""}`;
+ }${secondaryAxSkill?.suffix ? secondaryAxSkill.suffix : ''}`
}
}
- return "";
- };
+ return ''
+ }
function weaponImage() {
- const weapon = props.gridWeapon.object;
+ const weapon = props.gridWeapon.object
if (props.gridWeapon.object.element == 0 && props.gridWeapon.element)
- return `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}_${props.gridWeapon.element}.jpg`;
+ return `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}_${props.gridWeapon.element}.jpg`
else
- return `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}.jpg`;
+ return `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}.jpg`
}
const keysSection = (
@@ -136,10 +134,10 @@ const WeaponHovercard = (props: Props) => {
{WeaponKeyNames[props.gridWeapon.object.series] ? (
{WeaponKeyNames[props.gridWeapon.object.series][locale]} - {locale === "en" ? "s" : ""} + {locale === 'en' ? 's' : ''}
) : ( - "" + '' )} {props.gridWeapon.weapon_keys @@ -151,21 +149,21 @@ const WeaponHovercard = (props: Props) => { > {props.gridWeapon.weapon_keys![i].name[locale]} - ); + ) }) - : ""} + : ''} - ); + ) const axSection = ({t("modals.weapon.subtitles.ax_skills")}
+{t('modals.weapon.subtitles.ax_skills')}
{t("modals.weapon.subtitles.element")}
+{t('modals.weapon.subtitles.element')}
{t("modals.weapon.subtitles.weapon_keys")}
+{t('modals.weapon.subtitles.weapon_keys')}
{[2, 3, 17, 22].includes(props.gridWeapon.object.series) ? ({t("modals.weapon.subtitles.ax_skills")}
+{t('modals.weapon.subtitles.ax_skills')}
- {props.gridWeapon.object.element == 0 ? elementSelect() : ""}
+ {props.gridWeapon.object.element == 0 ? elementSelect() : ''}
{[2, 3, 17, 24].includes(props.gridWeapon.object.series)
? keySelect()
- : ""}
- {props.gridWeapon.object.ax > 0 ? axSelect() : ""}
+ : ''}
+ {props.gridWeapon.object.ax > 0 ? axSelect() : ''}
@@ -118,7 +116,7 @@ const WeaponUnit = (props: Props) => {
) : (
- ""
+ ''
)}
{props.editable ? editableImage : image}
{gridWeapon ? (
@@ -131,17 +129,17 @@ const WeaponUnit = (props: Props) => {
special={false}
/>
) : (
- ""
+ ''
)}
{weapon?.name[locale]}
- ); + ) const withHovercard = (
-
) : (
- ""
+ ''
)}
- );
-};
+ )
+}
export const getServerSidePaths = async () => {
return {
paths: [
// Object variant:
- { params: { party: "string" } },
+ { params: { party: 'string' } },
],
fallback: true,
- };
-};
+ }
+}
// prettier-ignore
export const getServerSideProps = async ({ req, res, locale, query }: { req: NextApiRequest, res: NextApiResponse, locale: string, query: { [index: string]: string } }) => {
@@ -403,31 +403,31 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
const organizeRaids = (raids: Raid[]) => {
// Set up empty raid for "All raids"
const all = {
- id: "0",
+ id: '0',
name: {
- en: "All raids",
- ja: "全て",
+ en: 'All raids',
+ ja: '全て',
},
- slug: "all",
+ slug: 'all',
level: 0,
group: 0,
element: 0,
- };
+ }
const numGroups = Math.max.apply(
Math,
raids.map((raid) => raid.group)
- );
- let groupedRaids = [];
+ )
+ let groupedRaids = []
for (let i = 0; i <= numGroups; i++) {
- groupedRaids[i] = raids.filter((raid) => raid.group == i);
+ groupedRaids[i] = raids.filter((raid) => raid.group == i)
}
return {
raids: raids,
sortedRaids: groupedRaids,
- };
-};
+ }
+}
-export default ProfileRoute;
+export default ProfileRoute
diff --git a/pages/_app.tsx b/pages/_app.tsx
index adb2a362..1f403379 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,17 +1,17 @@
-import { useEffect } from "react"
-import { getCookie } from "cookies-next"
-import { appWithTranslation } from "next-i18next"
-import { ThemeProvider } from "next-themes"
+import { useEffect } from 'react'
+import { getCookie } from 'cookies-next'
+import { appWithTranslation } from 'next-i18next'
+import { ThemeProvider } from 'next-themes'
-import type { AppProps } from "next/app"
-import Layout from "~components/Layout"
+import type { AppProps } from 'next/app'
+import Layout from '~components/Layout'
-import { accountState } from "~utils/accountState"
+import { accountState } from '~utils/accountState'
-import "../styles/globals.scss"
+import '../styles/globals.scss'
function MyApp({ Component, pageProps }: AppProps) {
- const cookie = getCookie("account")
+ const cookie = getCookie('account')
const cookieData: AccountCookie = cookie ? JSON.parse(cookie as string) : null
useEffect(() => {
@@ -22,8 +22,8 @@ function MyApp({ Component, pageProps }: AppProps) {
accountState.account.user = {
id: cookieData.userId,
username: cookieData.username,
- picture: "",
- element: "",
+ picture: '',
+ element: '',
gender: 0,
}
} else {
diff --git a/pages/new/index.tsx b/pages/new/index.tsx
index 28970699..781f4b81 100644
--- a/pages/new/index.tsx
+++ b/pages/new/index.tsx
@@ -1,53 +1,53 @@
-import React, { useEffect } from "react";
-import { getCookie } from "cookies-next";
-import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+import React, { useEffect } from 'react'
+import { getCookie } from 'cookies-next'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
-import Party from "~components/Party";
+import Party from '~components/Party'
-import { appState } from "~utils/appState";
-import api from "~utils/api";
+import { appState } from '~utils/appState'
+import api from '~utils/api'
-import type { NextApiRequest, NextApiResponse } from "next";
+import type { NextApiRequest, NextApiResponse } from 'next'
interface Props {
- jobs: Job[];
- jobSkills: JobSkill[];
- raids: Raid[];
- sortedRaids: Raid[][];
+ jobs: Job[]
+ jobSkills: JobSkill[]
+ raids: Raid[]
+ sortedRaids: Raid[][]
}
const NewRoute: React.FC{t("teams.not_found")}
+{t('teams.not_found')}
- {t("saved.title")}
+ {t('saved.title')}
@@ -295,7 +295,7 @@ const SavedRoute: React.FC = (props: Props) => {
raidSlug={raidSlug ? raidSlug : undefined}
recency={recency}
>
-
@@ -314,25 +314,25 @@ const SavedRoute: React.FC = (props: Props) => {
{parties.length == 0 ? (
- );
-};
+ )
+}
export const getServerSidePaths = async () => {
return {
paths: [
// Object variant:
- { params: { party: "string" } },
+ { params: { party: 'string' } },
],
fallback: true,
- };
-};
+ }
+}
// prettier-ignore
export const getServerSideProps = async ({ req, res, locale, query }: { req: NextApiRequest, res: NextApiResponse, locale: string, query: { [index: string]: string } }) => {
@@ -399,31 +399,31 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
const organizeRaids = (raids: Raid[]) => {
// Set up empty raid for "All raids"
const all = {
- id: "0",
+ id: '0',
name: {
- en: "All raids",
- ja: "全て",
+ en: 'All raids',
+ ja: '全て',
},
- slug: "all",
+ slug: 'all',
level: 0,
group: 0,
element: 0,
- };
+ }
const numGroups = Math.max.apply(
Math,
raids.map((raid) => raid.group)
- );
- let groupedRaids = [];
+ )
+ let groupedRaids = []
for (let i = 0; i <= numGroups; i++) {
- groupedRaids[i] = raids.filter((raid) => raid.group == i);
+ groupedRaids[i] = raids.filter((raid) => raid.group == i)
}
return {
raids: raids,
sortedRaids: groupedRaids,
- };
-};
+ }
+}
-export default SavedRoute;
+export default SavedRoute
diff --git a/pages/teams.tsx b/pages/teams.tsx
index b2405a9f..fa03697c 100644
--- a/pages/teams.tsx
+++ b/pages/teams.tsx
@@ -1,120 +1,120 @@
-import React, { useCallback, useEffect, useState } from "react";
-import Head from "next/head";
+import React, { useCallback, useEffect, useState } from 'react'
+import Head from 'next/head'
-import { getCookie } from "cookies-next";
-import { queryTypes, useQueryState } from "next-usequerystate";
-import { useRouter } from "next/router";
-import { useTranslation } from "next-i18next";
-import InfiniteScroll from "react-infinite-scroll-component";
+import { getCookie } from 'cookies-next'
+import { queryTypes, useQueryState } from 'next-usequerystate'
+import { useRouter } from 'next/router'
+import { useTranslation } from 'next-i18next'
+import InfiniteScroll from 'react-infinite-scroll-component'
-import { serverSideTranslations } from "next-i18next/serverSideTranslations";
-import clonedeep from "lodash.clonedeep";
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import clonedeep from 'lodash.clonedeep'
-import api from "~utils/api";
-import useDidMountEffect from "~utils/useDidMountEffect";
-import { elements, allElement } from "~utils/Element";
+import api from '~utils/api'
+import useDidMountEffect from '~utils/useDidMountEffect'
+import { elements, allElement } from '~utils/Element'
-import GridRep from "~components/GridRep";
-import GridRepCollection from "~components/GridRepCollection";
-import FilterBar from "~components/FilterBar";
+import GridRep from '~components/GridRep'
+import GridRepCollection from '~components/GridRepCollection'
+import FilterBar from '~components/FilterBar'
-import type { NextApiRequest, NextApiResponse } from "next";
+import type { NextApiRequest, NextApiResponse } from 'next'
interface Props {
- teams?: { count: number; total_pages: number; results: Party[] };
- raids: Raid[];
- sortedRaids: Raid[][];
+ teams?: { count: number; total_pages: number; results: Party[] }
+ raids: Raid[]
+ sortedRaids: Raid[][]
}
const TeamsRoute: React.FC{t("saved.title")}
+{t('saved.title')}
-
) : (
- ""
+ ''
)}
{t("saved.not_found")}
+{t('saved.not_found')}
- {t("teams.title")}
+ {t('teams.title')}
= (props: Props) => {
raidSlug={raidSlug ? raidSlug : undefined}
recency={recency}
>
-
@@ -322,25 +322,25 @@ const TeamsRoute: React.FC = (props: Props) => {
{parties.length == 0 ? (
- );
-};
+ )
+}
export const getServerSidePaths = async () => {
return {
paths: [
// Object variant:
- { params: { party: "string" } },
+ { params: { party: 'string' } },
],
fallback: true,
- };
-};
+ }
+}
// prettier-ignore
export const getServerSideProps = async ({ req, res, locale, query }: { req: NextApiRequest, res: NextApiResponse, locale: string, query: { [index: string]: string } }) => {
@@ -407,31 +407,31 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
const organizeRaids = (raids: Raid[]) => {
// Set up empty raid for "All raids"
const all = {
- id: "0",
+ id: '0',
name: {
- en: "All raids",
- ja: "全て",
+ en: 'All raids',
+ ja: '全て',
},
- slug: "all",
+ slug: 'all',
level: 0,
group: 0,
element: 0,
- };
+ }
const numGroups = Math.max.apply(
Math,
raids.map((raid) => raid.group)
- );
- let groupedRaids = [];
+ )
+ let groupedRaids = []
for (let i = 0; i <= numGroups; i++) {
- groupedRaids[i] = raids.filter((raid) => raid.group == i);
+ groupedRaids[i] = raids.filter((raid) => raid.group == i)
}
return {
raids: raids,
sortedRaids: groupedRaids,
- };
-};
+ }
+}
-export default TeamsRoute;
+export default TeamsRoute
diff --git a/types/AccountCookie.d.ts b/types/AccountCookie.d.ts
index dcfd85bc..444f2e4a 100644
--- a/types/AccountCookie.d.ts
+++ b/types/AccountCookie.d.ts
@@ -1,5 +1,5 @@
interface AccountCookie {
- userId: string;
- username: string;
- token: string;
+ userId: string
+ username: string
+ token: string
}
diff --git a/types/AxSkill.d.ts b/types/AxSkill.d.ts
index f96f8d21..a8765194 100644
--- a/types/AxSkill.d.ts
+++ b/types/AxSkill.d.ts
@@ -1,12 +1,12 @@
interface AxSkill {
name: {
- [key: string]: string;
- en: string;
- ja: string;
- };
- id: number;
- minValue: number;
- maxValue: number;
- suffix?: string;
- secondary?: AxSkill[];
+ [key: string]: string
+ en: string
+ ja: string
+ }
+ id: number
+ minValue: number
+ maxValue: number
+ suffix?: string
+ secondary?: AxSkill[]
}
diff --git a/types/Character.d.ts b/types/Character.d.ts
index ce21ade0..43e11fdc 100644
--- a/types/Character.d.ts
+++ b/types/Character.d.ts
@@ -1,40 +1,40 @@
interface Character {
- type: "character";
+ type: 'character'
- id: string;
- granblue_id: string;
- character_id: readonly number[];
- element: number;
- rarity: number;
- gender: number;
- max_level: number;
+ id: string
+ granblue_id: string
+ character_id: readonly number[]
+ element: number
+ rarity: number
+ gender: number
+ max_level: number
name: {
- [key: string]: string;
- en: string;
- ja: string;
- };
+ [key: string]: string
+ en: string
+ ja: string
+ }
hp: {
- min_hp: number;
- max_hp: number;
- max_hp_flb: number;
- };
+ min_hp: number
+ max_hp: number
+ max_hp_flb: number
+ }
atk: {
- min_atk: number;
- max_atk: number;
- max_atk_flb: number;
- };
+ min_atk: number
+ max_atk: number
+ max_atk_flb: number
+ }
uncap: {
- flb: boolean;
- ulb: boolean;
- };
+ flb: boolean
+ ulb: boolean
+ }
race: {
- race1: number;
- race2: number;
- };
+ race1: number
+ race2: number
+ }
proficiency: {
- proficiency1: number;
- proficiency2: number;
- };
- position?: number;
- special: boolean;
+ proficiency1: number
+ proficiency2: number
+ }
+ position?: number
+ special: boolean
}
diff --git a/types/CheckedState.d.ts b/types/CheckedState.d.ts
index e2b4c2b5..00c6a235 100644
--- a/types/CheckedState.d.ts
+++ b/types/CheckedState.d.ts
@@ -1,4 +1,4 @@
interface CheckedState {
- id: number;
- checked: boolean;
+ id: number
+ checked: boolean
}
diff --git a/types/ElementState.d.ts b/types/ElementState.d.ts
index ff599d30..03e4d164 100644
--- a/types/ElementState.d.ts
+++ b/types/ElementState.d.ts
@@ -1,10 +1,10 @@
interface ElementState {
- [key: string]: CheckedState;
- null: CheckedState;
- wind: CheckedState;
- fire: CheckedState;
- water: CheckedState;
- earth: CheckedState;
- dark: CheckedState;
- light: CheckedState;
+ [key: string]: CheckedState
+ null: CheckedState
+ wind: CheckedState
+ fire: CheckedState
+ water: CheckedState
+ earth: CheckedState
+ dark: CheckedState
+ light: CheckedState
}
diff --git a/types/GridArray.d.ts b/types/GridArray.d.ts
index dffafa69..92a0fb0f 100644
--- a/types/GridArray.d.ts
+++ b/types/GridArray.d.ts
@@ -1 +1 @@
-type GridArray{t("teams.title")}
+{t('teams.title')}
-
) : (
- ""
+ ''
)}