feat(team-calc) : indicate clickable equipment
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import { DownloadIcon, SearchIcon } from "lucide-react";
|
||||
import { ArrowUpRightIcon, DownloadIcon, SearchIcon } from "lucide-react";
|
||||
import { useMemo, useState } from "react";
|
||||
|
||||
import { buttonVariants } from "@/components/ui/button";
|
||||
@@ -121,6 +121,9 @@ export function TeamSearch({ teams }: { teams: PublicGuide["teams"] }) {
|
||||
<Kbd className="absolute top-0 left-0 h-4 min-w-4 whitespace-nowrap bg-transparent px-0.5 text-[9px] text-white">
|
||||
R{member.refinement}
|
||||
</Kbd>
|
||||
<Kbd className="absolute top-0 right-0 h-4 min-w-4 px-0.5">
|
||||
<ArrowUpRightIcon aria-hidden="true" />
|
||||
</Kbd>
|
||||
</a>
|
||||
) : (
|
||||
<div className="aspect-square rounded-md border bg-muted" />
|
||||
@@ -142,6 +145,9 @@ export function TeamSearch({ teams }: { teams: PublicGuide["teams"] }) {
|
||||
fill
|
||||
className="object-contain p-1"
|
||||
/>
|
||||
<Kbd className="absolute top-0 right-0 h-4 min-w-4 px-0.5">
|
||||
<ArrowUpRightIcon aria-hidden="true" />
|
||||
</Kbd>
|
||||
</Link>
|
||||
) : (
|
||||
<div className="aspect-square rounded-md border bg-muted" />
|
||||
@@ -163,6 +169,9 @@ export function TeamSearch({ teams }: { teams: PublicGuide["teams"] }) {
|
||||
fill
|
||||
className="object-contain p-1"
|
||||
/>
|
||||
<Kbd className="absolute top-0 right-0 h-4 min-w-4 px-0.5">
|
||||
<ArrowUpRightIcon aria-hidden="true" />
|
||||
</Kbd>
|
||||
</Link>
|
||||
) : null}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user