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);
}