diff --git a/resources/lang/en.json b/resources/lang/en.json index 9e3d78251..189d54202 100644 --- a/resources/lang/en.json +++ b/resources/lang/en.json @@ -679,6 +679,7 @@ "title": "Skins", "colors": "Colors", "purchase": "Purchase", + "show_only_owned": "My Skins", "blocked": { "login": "You must be logged in to access this skin.", "purchase": "Purchase this skin to unlock it." diff --git a/src/client/TerritoryPatternsModal.ts b/src/client/TerritoryPatternsModal.ts index f13faf670..79f4666f6 100644 --- a/src/client/TerritoryPatternsModal.ts +++ b/src/client/TerritoryPatternsModal.ts @@ -28,6 +28,7 @@ export class TerritoryPatternsModal extends LitElement { @state() private selectedColor: string | null = null; @state() private activeTab: "patterns" | "colors" = "patterns"; + @state() private showOnlyOwned: boolean = false; private cosmetics: Cosmetics | null = null; @@ -112,6 +113,9 @@ export class TerritoryPatternsModal extends LitElement { if (rel === "blocked") { continue; } + if (this.showOnlyOwned && rel !== "owned") { + continue; + } buttons.push(html` - ${this.affiliateCode === null - ? html` - this.selectPattern(null)} - > - ` - : html``} - ${buttons} +
+
+ +
+
+ ${this.affiliateCode === null + ? html` + this.selectPattern(null)} + > + ` + : html``} + ${buttons} +
`; }