source for getorbyt.com
getorbyt.com/
client
bsky
orbytapp
app
orbyt
bluesky
getorbyt
orbytvideo
atproto
video
refactor: standardize author display name variable for consistency
- Introduce authorScreenName variable to replace authorDisplayName for uniformity across post metadata.
- Update references in the HTML structure to utilize authorScreenName for improved clarity in author representation.
+6
-5
+6
-5
src/pages/@[handle]/[postId].astro
+6
-5
src/pages/@[handle]/[postId].astro
···
29
29
const caption = postData?.text ?? '';
30
30
const authorHandle = postData?.author?.handle || handle;
31
31
const authorDisplayName = postData?.author?.displayName || authorHandle;
32
+
const authorScreenName = authorHandle;
32
33
const authorAvatar = postData?.author?.avatar || '/images/Default-avatar.png';
33
34
// Fallback chain: post thumbnail -> author avatar -> Orbyt-with-background.png
34
35
const thumbnail = postData?.embed?.thumbnail || postData?.author?.avatar || '/images/post/Orbyt-with-background.png';
···
369
370
data-video-url={videoUrl || ''}
370
371
data-thumbnail={thumbnail}
371
372
data-author-handle={authorHandle}
372
-
data-author-name={authorDisplayName}
373
+
data-author-name={authorScreenName}
373
374
data-author-avatar={authorAvatar}
374
375
data-like-count={likeCount.toString()}
375
376
data-created-at={createdAt || ''}>
···
431
432
<div class="post-author mobile-overlay">
432
433
433
434
<span class='avatar-wrapper'>
434
-
<img id="author-avatar-mobile" class='avatar' src={authorAvatar} alt={`${authorDisplayName}'s avatar`}>
435
+
<img id="author-avatar-mobile" class='avatar' src={authorAvatar} alt={`${authorScreenName}'s avatar`}>
435
436
<div class="username">
436
-
<a id="author-link-mobile" href={`/@${authorHandle}`}>{authorDisplayName}</a>
437
+
<a id="author-link-mobile" href={`/@${authorHandle}`}>{authorScreenName}</a>
437
438
</div>
438
439
<div id="post-time-mobile" style="display: none;"></div>
439
440
</span>
···
486
487
487
488
<div class="post-author">
488
489
<span class='avatar-wrapper'>
489
-
<img id="author-avatar-desktop" class='avatar' src={authorAvatar} alt={`${authorDisplayName}'s avatar`}>
490
+
<img id="author-avatar-desktop" class='avatar' src={authorAvatar} alt={`${authorScreenName}'s avatar`}>
490
491
<div class="username">
491
-
<a id="author-link-desktop" href={`/@${authorHandle}`}>{authorDisplayName}</a>
492
+
<a id="author-link-desktop" href={`/@${authorHandle}`}>{authorScreenName}</a>
492
493
</div>
493
494
<div id="post-time-desktop" style="display: none;"></div>
494
495
</span>