aljaz/hypergolic
1
0
Fork 0
mirror of https://github.com/aljazceru/hypergolic.git synced 2026-02-21 21:34:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #72 from bob2402/colors

Browse Source 
problem: merits and satflow graph/table has a limited number of colors
This commit is contained in:
gsovereignty
2024-08-07 23:05:03 +08:00
committed by GitHub
parent e71edf346e 688f4d7b65
commit b2955226d5
2 changed files with 36 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/MeritsAndSatflow.svelte
View File

@@ -55,7 +55,18 @@
merits.set(_merits);
}
const COLORS = ['bg-pink-800', 'bg-red-800', 'bg-purple-800', 'bg-blue-800'];
const COLORS = [
'bg-rose-500',
'bg-pink-500',
'bg-teal-500',
'bg-orange-500',
'bg-purple-500',
'bg-sky-500',
'bg-green-500',
'bg-yellow-500',
'bg-zinc-500',
'bg-light-500'
];
function c(i: number) {
return COLORS[i];

37
src/components/Pie.svelte
View File

@@ -2,12 +2,23 @@
import { ndk } from '@/ndk.js';
import { Chart } from 'flowbite-svelte';
import { writable } from 'svelte/store';
export let data:{pubkey: string; merits: number; sats: number}[]
export let data: { pubkey: string; merits: number; sats: number }[];
let pubkeys = Array.from(data,(x)=>x.pubkey)
let pubkeys = Array.from(data, (x) => x.pubkey);
let options = {
series: Array.from(data,(x)=>x.merits),
colors: ['#9d174d', '#991b1b', '#6b21a8', '#1e40af'],
series: Array.from(data, (x) => x.merits),
colors: [
'#f43f5e',
'#ec4899',
'#14b8a6',
'#f97316',
'#a855f7',
'#0ea5e9',
'#22c55e',
'#eab308',
'#71717a',
'#f2f2f2'
],
chart: {
height: 320,
width: '100%',
@@ -88,22 +99,22 @@
}
};
let o = writable(options)
let o = writable(options);
$: {
let usernames:string[] = []
let usernames: string[] = [];
for (let pk of pubkeys) {
let user = $ndk.getUser({pubkey:pk})
let user = $ndk.getUser({ pubkey: pk });
if (user && user.profile && user.profile.name) {
usernames.push(user.profile.name)
usernames.push(user.profile.name);
} else {
usernames.push(user.npub.substring(0, 10))
usernames.push(user.npub.substring(0, 10));
}
}
o.update(existing=>{
existing.labels = usernames
return existing
})
o.update((existing) => {
existing.labels = usernames;
return existing;
});
}
// <Card>