feat(connect-kit/x-settings): update manage-operators

add `newbie villa` tag
Crossbell-Box · Mar 11, 2023 · 7e1da17 · 7e1da17
1 parent 9984509
commit 7e1da17
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/packages/connect-kit/src/hooks/character-operator/const.ts b/packages/connect-kit/src/hooks/character-operator/const.ts
@@ -1,5 +1,8 @@
 const SCOPE_KEY = ["indexer", "operator-sync"];
 
+export const NEWBIE_VILLA_OPERATOR_ADDRESS =
+	"0x51e2368d60bc329dbd5834370c1e633be60c1d6d";
+
 export const SCOPE_KEY_CHARACTER_OPERATOR = ({
 	operator,
 	characterId,

diff --git a/packages/connect-kit/src/scenes/for-dynamic-modal/manage-operators/item.tsx b/packages/connect-kit/src/scenes/for-dynamic-modal/manage-operators/item.tsx
@@ -8,6 +8,7 @@ import { usePrimaryCharacter } from "@crossbell/indexer";
 
 import commonStyles from "../../../styles.module.css";
 import {
+	NEWBIE_VILLA_OPERATOR_ADDRESS,
 	OP_SIGN_OPERATOR_ADDRESS,
 	useCharacterOperatorPermissions,
 	X_SYNC_OPERATOR_ADDRESS,
@@ -130,6 +131,7 @@ export function useOperatorAvatar(
 	);
 
 	if (
+		isAddressEqual(characterOperator.operator, NEWBIE_VILLA_OPERATOR_ADDRESS) ||
 		isAddressEqual(characterOperator.operator, X_SYNC_OPERATOR_ADDRESS) ||
 		isAddressEqual(characterOperator.operator, OP_SIGN_OPERATOR_ADDRESS)
 	) {

diff --git a/packages/connect-kit/src/scenes/for-dynamic-modal/manage-operators/list.tsx b/packages/connect-kit/src/scenes/for-dynamic-modal/manage-operators/list.tsx
@@ -7,6 +7,7 @@ import {
 	OP_SIGN_OPERATOR_ADDRESS,
 	X_SYNC_OPERATOR_ADDRESS,
 	useGetCharacterOperators,
+	NEWBIE_VILLA_OPERATOR_ADDRESS,
 } from "../../../hooks";
 
 import styles from "./list.module.css";
@@ -81,6 +82,17 @@ function getTags(characterOperator: CharacterOperatorEntity): ItemTag[] | null {
 		];
 	}
 
+	if (
+		isAddressEqual(characterOperator.operator, NEWBIE_VILLA_OPERATOR_ADDRESS)
+	) {
+		return [
+			{
+				title: "Newbie Villa",
+				style: { background: "#F6C549", color: "#fff" },
+			},
+		];
+	}
+
 	return [
 		{ title: "Unknown", style: { background: "#A9AAAB", color: "#fff" } },
 	];