[update] migrate the project formatter from prettier and eslint to biome

This commit is contained in:
PrinOrange
2024-08-14 12:57:22 +08:00
parent 009be6e7d9
commit 81de437888
61 changed files with 480 additions and 3865 deletions

View File

@@ -23,12 +23,12 @@ export const SponsorBoard = () => {
setIsCopiedList(Config.Sponsor?.Crypto?.map(() => false) ?? []);
}}
>
<div className="mx-2 my-10 flex flex-col justify-around space-y-5">
<div className="mx-2 my-10 flex flex-col justify-around space-y-5">
{Config.Sponsor?.Crypto && (
<div className="py-3 flex justify-between border-b">
<div className="flex justify-between border-b py-3">
<div className="my-auto flex">
<div className="mx-3 my-auto">
<h3 className="mx-auto text-sm font-bold">{"Crypto"}</h3>
<h3 className="mx-auto font-bold text-sm">{"Crypto"}</h3>
<div className="text-xs">{"Supports BTC, USDT and ETH."}</div>
</div>
</div>
@@ -40,11 +40,11 @@ export const SponsorBoard = () => {
</div>
)}
{Config.Sponsor?.Github && Config.SocialLinks.github && (
<div className="py-3 flex justify-between border-b">
<div className="flex justify-between border-b py-3">
<div className="my-auto flex">
<FaGithub className="mx-3 my-auto text-4xl text-gray-900 dark:text-gray-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm font-bold">{"Github Sponsor"}</h3>
<h3 className="mx-auto font-bold text-sm">{"Github Sponsor"}</h3>
</div>
</div>
<div className="my-auto">
@@ -57,11 +57,11 @@ export const SponsorBoard = () => {
</div>
)}
{!isEmptyString(Config.Sponsor?.WechatPayQRCodeContent) && (
<div className="py-3 flex justify-between border-b">
<div className="flex justify-between border-b py-3">
<div className="my-auto flex">
<SiWechat className="mx-3 my-auto text-4xl text-green-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm font-bold">{"Wechat Pay"}</h3>
<h3 className="mx-auto font-bold text-sm">{"Wechat Pay"}</h3>
</div>
</div>
<div className="my-auto bg-white p-1">
@@ -70,11 +70,11 @@ export const SponsorBoard = () => {
</div>
)}
{!isEmptyString(Config.Sponsor?.AlipayLink) && (
<div className="py-3 flex justify-between border-b">
<div className="flex justify-between border-b py-3">
<div className="my-auto flex">
<SiAlipay className="mx-3 my-auto text-4xl text-blue-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm font-bold">{"Alipay"}</h3>
<h3 className="mx-auto font-bold text-sm">{"Alipay"}</h3>
</div>
</div>
<div className="my-auto">
@@ -87,11 +87,11 @@ export const SponsorBoard = () => {
</div>
)}
{!isEmptyString(Config.Sponsor?.PaypalId) && (
<div className="py-3 flex justify-between border-b">
<div className="flex justify-between border-b py-3">
<div className="my-auto flex">
<FaPaypal className="mx-3 my-auto text-4xl text-blue-600" />
<div className="my-auto">
<h3 className="mx-auto text-sm font-bold">{"Paypal"}</h3>
<h3 className="mx-auto font-bold text-sm">{"Paypal"}</h3>
</div>
</div>
<div className="my-auto">
@@ -104,11 +104,11 @@ export const SponsorBoard = () => {
</div>
)}
{!isEmptyString(Config.Sponsor?.PatreonId) && (
<div className="py-3 flex justify-between border-b">
<div className="flex justify-between border-b py-3">
<div className="my-auto flex">
<FaPatreon className="mx-3 my-auto text-4xl text-gray-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm font-bold">{"Patreon"}</h3>
<h3 className="mx-auto font-bold text-sm">{"Patreon"}</h3>
</div>
</div>
<div className="my-2">
@@ -125,7 +125,7 @@ export const SponsorBoard = () => {
<DialogTitle className="flex">{"CRYPTO"}</DialogTitle>
</DialogHeader>
<div>
<div className="w-full text-sm my-2">
<div className="my-2 w-full text-sm">
<div>
<b>NOTE: </b> Please confirm the corresponding block network and address before transferring money to
avoid loss.
@@ -133,9 +133,9 @@ export const SponsorBoard = () => {
</div>
<Separator />
{Config.Sponsor?.Crypto?.map((cryptoItem, cryptoItemIndex) => (
<div className="w-full py-3 border-b" key={nanoid()}>
<div className="w-full border-b py-3" key={nanoid()}>
<div className="my-2 flex space-x-2">
<div className="font-bold my-auto text-sm">{`${cryptoItem.Name} - ${cryptoItem.Blockchain}`}</div>
<div className="my-auto font-bold text-sm">{`${cryptoItem.Name} - ${cryptoItem.Blockchain}`}</div>
</div>
<div className="flex">
<Input autoFocus={false} defaultValue={cryptoItem.Address} readOnly />
@@ -148,7 +148,7 @@ export const SponsorBoard = () => {
text={cryptoItem.Address}
>
<Button
className={`ml-3 my-auto ${isCopiedList[cryptoItemIndex] && "bg-green-500 hover:bg-green-500"}`}
className={`my-auto ml-3 ${isCopiedList[cryptoItemIndex] && "bg-green-500 hover:bg-green-500"}`}
size="sm"
type="submit"
>