fix : use buzz style card
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
|
||||
import { rarityGradient, rarityGradientClass } from "@/lib/catalog/rarity";
|
||||
import { rarityGradient, rarityGradientClass, rarityTextClass } from "@/lib/catalog/rarity";
|
||||
|
||||
describe("catalog rarity backgrounds", () => {
|
||||
it("maps every weapon and artifact rarity to its Tailwind gradient", () => {
|
||||
@@ -12,10 +12,14 @@ describe("catalog rarity backgrounds", () => {
|
||||
expect(rarityGradient(3)).toBe("linear-gradient(90deg, rgba(77, 118, 145, 1) 0%, rgba(71, 135, 165, 1) 100%)");
|
||||
expect(rarityGradient(4)).toBe("linear-gradient(90deg, rgba(109, 106, 156, 1) 0%, rgba(150, 122, 179, 1) 100%)");
|
||||
expect(rarityGradient(5)).toBe("linear-gradient(90deg, rgba(166, 123, 52, 1) 0%, rgba(178, 123, 44, 1) 100%)");
|
||||
expect(rarityTextClass(3)).toBe("text-[#4D7691]");
|
||||
expect(rarityTextClass(4)).toBe("text-[#6D6A9C]");
|
||||
expect(rarityTextClass(5)).toBe("text-[#A67B34]");
|
||||
});
|
||||
|
||||
it("uses the neutral equipment background when rarity is unavailable", () => {
|
||||
expect(rarityGradient(null)).toBe("#17383d");
|
||||
expect(rarityGradientClass(undefined)).toBeUndefined();
|
||||
expect(rarityTextClass(undefined)).toBeUndefined();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -14,6 +14,12 @@ const rarityGradients: Record<number, string> = {
|
||||
5: "linear-gradient(90deg, rgba(166, 123, 52, 1) 0%, rgba(178, 123, 44, 1) 100%)",
|
||||
};
|
||||
|
||||
const rarityTextClasses: Record<number, string> = {
|
||||
3: "text-[#4D7691]",
|
||||
4: "text-[#6D6A9C]",
|
||||
5: "text-[#A67B34]",
|
||||
};
|
||||
|
||||
export function rarityGradientClass(rarity: number | null | undefined): string | undefined {
|
||||
return rarity ? rarityGradientClasses[rarity] : undefined;
|
||||
}
|
||||
@@ -21,3 +27,7 @@ export function rarityGradientClass(rarity: number | null | undefined): string |
|
||||
export function rarityGradient(rarity: number | null | undefined): string {
|
||||
return (rarity && rarityGradients[rarity]) || "#17383d";
|
||||
}
|
||||
|
||||
export function rarityTextClass(rarity: number | null | undefined): string | undefined {
|
||||
return rarity ? rarityTextClasses[rarity] : undefined;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user