diff --git a/assets/css/style.css b/assets/css/style.css index f4a1931..1b70bd8 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -32,30 +32,34 @@ body { color: var(--primary); } -.icon.icon-twitter { +.icon.icon-social.icon-twitter { fill: #008ad8; } -.icon.icon-onlyfans { +.icon.icon-social.icon-onlyfans { fill: #00adef; } -.icon.icon-fansly { +.icon.icon-social.icon-fansly { fill: #2699f6; } -.icon.icon-linktree { +.icon.icon-social.icon-linktree { fill: #43e660; } -.icon.icon-pornhub { +.icon.icon-social.icon-pornhub { fill: #ff9000; } -.icon.icon-cashapp { +.icon.icon-social.icon-cashapp { fill: #00c853; } -.icon.icon-loyalfans { +.icon.icon-social.icon-loyalfans { fill: #d90a16; } + +.icon.icon-social { + fill: var(--highlight-strong-10); +} diff --git a/components/edit/socials.vue b/components/edit/socials.vue index 74a66e6..cc08c06 100644 --- a/components/edit/socials.vue +++ b/components/edit/socials.vue @@ -75,15 +75,11 @@ > - - - - - - - - - + socialsOrder.indexOf(socialA.platform) - socialsOrder.indexOf(socialB.platform)), + })).toSorted((socialA, socialB) => { + if (socialA.platform && !socialB.platform) { + return -1; + } + + if (socialB.platform && !socialA.platform) { + return 1; + } + + if (socialsOrder.includes(socialA.platform) && !socialsOrder.includes(socialB.platform)) { + return -1; + } + + if (socialsOrder.includes(socialB.platform) && !socialsOrder.includes(socialA.platform)) { + return 1; + } + + return socialsOrder.indexOf(socialA.platform) - socialsOrder.indexOf(socialB.platform); + }), profiles: context.profiles?.map((profile) => ({ id: profile.id, description: profile.description, @@ -561,6 +579,7 @@ async function applyActorSocialsDelta(actorId, delta, trx) { platform: social.platform, handle: social.handle, url: social.url, + verified_at: knex.fn.now(), // manual add implies verification }))) .transacting(trx); }