matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: fix interaction circle on shrimpnet

Browse Source 
Signed-off-by: Nicole Mikołajczyk <git@mkljczk.pl>
This commit is contained in:
Nicole Mikołajczyk
2025-06-01 00:24:36 +02:00
parent 60b314d686
commit 7d60415673
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/pl-fe/src/actions/circle.ts
View File

@ -48,7 +48,8 @@ const processCircle = (setProgress: (progress: {
interaction.reblogs += 1;
interaction.acct = status.reblog.account.acct;
interaction.avatar = status.reblog.account.avatar_static || status.reblog.account.avatar;
const avatarUrl = status.reblog.account.avatar_static || status.reblog.account.avatar;
interaction.avatar = avatarUrl?.endsWith('/identicon') ? '' : avatarUrl;
interaction.avatar_description = status.reblog.account.avatar_description;
} else if (status.in_reply_to_account_id) {
if (status.in_reply_to_account_id === me) return;

4
packages/pl-fe/src/normalizers/account.ts
View File

@ -1,8 +1,8 @@
import type { Account as BaseAccount } from 'pl-api';
const normalizeAccount = (account: BaseAccount) => {
const missingAvatar = require('pl-fe/assets/images/avatar-missing.png');
const missingHeader = require('pl-fe/assets/images/header-missing.png');
const missingAvatar: string = require('pl-fe/assets/images/avatar-missing.png');
const missingHeader: string = require('pl-fe/assets/images/header-missing.png');
return {
mute_expires_at: null,

7
packages/pl-fe/src/pages/fun/circle.tsx
View File

@ -21,7 +21,7 @@ import { useModalsStore } from 'pl-fe/stores/modals';
const toRad = (x: number) => x * (Math.PI / 180);
const avatarMissing = require('pl-fe/assets/images/avatar-missing.png');
const avatarMissing: string = require('pl-fe/assets/images/avatar-missing.png');
const HEIGHT = 1000;
const WIDTH = 1000;
@ -88,11 +88,10 @@ const CirclePage: React.FC = () => {
// https://github.com/duiker101/twitter-interaction-circles
const ctx = canvasRef.current?.getContext('2d')!;
// ctx.fillStyle = '#C5EDCE';
// ctx.fillRect(0, 0, 1000, 1000);
const ownAvatar = (account?.avatar && !account.avatar.endsWith('/identicon') && account.avatar) || avatarMissing;
for (const layer of [
{ index: 0, off: 0, distance: 0, count: 1, radius: 110, users: [{ avatar: account?.avatar || avatarMissing }] },
{ index: 0, off: 0, distance: 0, count: 1, radius: 110, users: [{ avatar: ownAvatar }] },
{ index: 1, off: 1, distance: 200, count: 8, radius: 64, users: users.slice(0, 8) },
{ index: 2, off: 9, distance: 330, count: 15, radius: 58, users: users.slice(8, 23) },
{ index: 3, off: 24, distance: 450, count: 26, radius: 50, users: users.slice(23, 49) },