obsidian-plugin/devonthesofa_obsidian-note-status
1
0
Fork 0
mirror of https://github.com/devonthesofa/obsidian-note-status.git synced 2026-07-22 05:45:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(ui): distinguish predefined vs community templates in marketplace

Browse source
This commit is contained in:
Aleix Soler 2026-03-19 11:52:32 +01:00
parent da3bb8eeb1
commit 53e80f55b8
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
components/SettingsUI/MarketplaceBrowseModal.tsx
View file

@ -1,6 +1,9 @@
import React, { useState, useMemo } from "react";
import { StatusTemplate } from "@/types/pluginSettings";
import { PREDEFINED_TEMPLATES } from "@/constants/predefinedTemplates";
import {
PREDEFINED_TEMPLATES,
COMMUNITY_TEMPLATES,
} from "@/constants/predefinedTemplates";
import { StatusDisplay } from "../atoms/StatusDisplay";
import { ObsidianIcon } from "../atoms/ObsidianIcon";
import { SearchFilter } from "../atoms/SearchFilter";
@ -19,7 +22,8 @@ export const MarketplaceBrowseModal: React.FC<MarketplaceBrowseModalProps> = ({
const [searchQuery, setSearchQuery] = useState("");
const filteredTemplates = useMemo(() => {
return PREDEFINED_TEMPLATES.filter(
const allTemplates = [...PREDEFINED_TEMPLATES, ...COMMUNITY_TEMPLATES];
return allTemplates.filter(
(t) =>
t.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
t.description.toLowerCase().includes(searchQuery.toLowerCase()),
@ -54,8 +58,12 @@ export const MarketplaceBrowseModal: React.FC<MarketplaceBrowseModalProps> = ({
{template.name}
</div>
<div className="marketplace-card-meta">
<span className="template-badge badge-info">
Marketplace
<span
className={`template-badge ${template.isPredefined ? "badge-accent" : "badge-info"}`}
>
{template.isPredefined
? "Built-in"
: "Community"}
</span>
{template.authorGithub && (
<div className="marketplace-card-author">