imxyy1soope1/mylinspirer
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): rules placeholder

Browse Source
This commit is contained in:
imxyy_soope_
2025-12-06 13:36:17 +08:00
parent 55dd5f3722
commit 549d23fefe
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/RulesList.tsx
View File

@@ -200,7 +200,13 @@ const RulesList: Component = () => {
<Show when={!rules.loading} fallback={ <Show when={!rules.loading} fallback={
<tr><td colspan="4" class="text-center py-4">Loading...</td></tr> <tr><td colspan="4" class="text-center py-4">Loading...</td></tr>
}> }>
<For each={rules()}> <For each={rules()} fallback={
<tr>
<td colspan="4" class="text-center py-8 text-gray-500">
No rules configured yet. Click "+ New Rule" to create one.
</td>
</tr>
}>
{(rule) => ( {(rule) => (
<tr> <tr>
<td class="px-6 py-4 text-sm font-medium text-gray-900"> <td class="px-6 py-4 text-sm font-medium text-gray-900">
@@ -208,8 +214,8 @@ const RulesList: Component = () => {
</td> </td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"> <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
<span class={`px-2 py-1 rounded-full text-xs ${rule.action === 'replace' ? 'bg-purple-100 text-purple-800' : <span class={`px-2 py-1 rounded-full text-xs ${rule.action === 'replace' ? 'bg-purple-100 text-purple-800' :
rule.action === 'modify' ? 'bg-blue-100 text-blue-800' : rule.action === 'modify' ? 'bg-blue-100 text-blue-800' :
'bg-gray-100 text-gray-800' 'bg-gray-100 text-gray-800'
}`}> }`}>
{rule.action} {rule.action}
</span> </span>
@@ -218,8 +224,8 @@ const RulesList: Component = () => {
<button <button
onClick={() => toggleRule(rule)} onClick={() => toggleRule(rule)}
class={`px-3 py-1 rounded-md text-sm font-medium ${rule.is_enabled class={`px-3 py-1 rounded-md text-sm font-medium ${rule.is_enabled
? 'bg-green-100 text-green-800' ? 'bg-green-100 text-green-800'
: 'bg-gray-100 text-gray-800' : 'bg-gray-100 text-gray-800'
}`}> }`}>
{rule.is_enabled ? '✓ Enabled' : '✗ Disabled'} {rule.is_enabled ? '✓ Enabled' : '✗ Disabled'}
</button> </button>