ATlast — you'll never need to find your favorites on another platform again. Find your favs in the ATmosphere.
atproto
fix: remove redundant status message from scraping state
Remove duplicate gray 'Found X users...' text that duplicated the
count display above it in the scraping state.
+11
-35
+11
-33
packages/extension/src/popup/popup.html
+11
-33
packages/extension/src/popup/popup.html
···
27
27
<!-- Idle state -->
28
28
<div id="state-idle" class="w-full text-center hidden">
29
29
<div class="text-5xl mb-4">🔍</div>
30
-
<p
31
-
class="text-base font-semibold mb-3 text-slate-700 dark:text-cyan-50"
32
-
>
33
-
Go to your Twitter/X Following page to start
30
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
31
+
Go to your Twitter/X Following page
34
32
</p>
35
-
<p
36
-
class="text-[13px] text-slate-500 dark:text-slate-400 mt-2"
37
-
>
38
-
Visit x.com/yourusername/following
33
+
<p class="text-sm text-slate-500 dark:text-cyan-100 mt-2">
34
+
Visit x.com/your-username/following
39
35
</p>
40
36
</div>
41
37
42
38
<!-- Ready state -->
43
39
<div id="state-ready" class="w-full text-center hidden">
44
40
<div class="text-5xl mb-4">✅</div>
45
-
<p
46
-
class="text-base font-semibold mb-3 text-slate-700 dark:text-cyan-50"
47
-
>
41
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
48
42
Ready to scan <span id="platform-name"></span>
49
43
</p>
50
44
<button
···
58
52
<!-- Scraping state -->
59
53
<div id="state-scraping" class="w-full text-center hidden">
60
54
<div class="text-5xl mb-4 spinner">⏳</div>
61
-
<p
62
-
class="text-base font-semibold mb-3 text-slate-700 dark:text-cyan-50"
63
-
>
55
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
64
56
Scanning...
65
57
</p>
66
58
<div class="mt-5">
···
77
69
>
78
70
Found <span id="count">0</span> users
79
71
</p>
80
-
<p
81
-
id="status-message"
82
-
class="text-[13px] text-slate-500 dark:text-slate-400 mt-2"
83
-
></p>
84
72
</div>
85
73
</div>
86
74
87
75
<!-- Complete state -->
88
76
<div id="state-complete" class="w-full text-center hidden">
89
77
<div class="text-5xl mb-4">🎉</div>
90
-
<p
91
-
class="text-base font-semibold mb-3 text-slate-700 dark:text-cyan-50"
92
-
>
78
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
93
79
Scan complete!
94
80
</p>
95
81
<p class="text-sm text-slate-500 dark:text-slate-400 mt-2">
···
112
98
<!-- Uploading state -->
113
99
<div id="state-uploading" class="w-full text-center hidden">
114
100
<div class="text-5xl mb-4 spinner">📤</div>
115
-
<p
116
-
class="text-base font-semibold mb-3 text-slate-700 dark:text-cyan-50"
117
-
>
101
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
118
102
Uploading to ATlast...
119
103
</p>
120
104
</div>
···
122
106
<!-- Error state -->
123
107
<div id="state-error" class="w-full text-center hidden">
124
108
<div class="text-5xl mb-4">⚠️</div>
125
-
<p
126
-
class="text-base font-semibold mb-3 text-slate-700 dark:text-cyan-50"
127
-
>
109
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
128
110
Error
129
111
</p>
130
112
<p
···
142
124
<!-- Server offline state -->
143
125
<div id="state-offline" class="w-full hidden">
144
126
<div class="text-5xl text-center mb-4">🔌</div>
145
-
<p
146
-
class="text-base font-bold text-center mb-3 text-purple-950 dark:text-cyan-50"
147
-
>
127
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
148
128
Server not available
149
129
</p>
150
130
<p
···
168
148
<!-- Not logged in state -->
169
149
<div id="state-not-logged-in" class="w-full text-center hidden">
170
150
<div class="text-5xl mb-4">🔐</div>
171
-
<p
172
-
class="text-base font-semibold mb-3 text-slate-700 dark:text-cyan-50"
173
-
>
151
+
<p class="text-base mb-3 text-purple-950 dark:text-cyan-50">
174
152
Not logged in to ATlast
175
153
</p>
176
154
<p
-2
packages/extension/src/popup/popup.ts
-2
packages/extension/src/popup/popup.ts
···
28
28
platformName: document.getElementById("platform-name")!,
29
29
count: document.getElementById("count")!,
30
30
finalCount: document.getElementById("final-count")!,
31
-
statusMessage: document.getElementById("status-message")!,
32
31
errorMessage: document.getElementById("error-message")!,
33
32
serverUrl: document.getElementById("server-url")!,
34
33
devInstructions: document.getElementById("dev-instructions")!,
···
81
80
showState("scraping");
82
81
if (state.progress) {
83
82
elements.count.textContent = state.progress.count.toString();
84
-
elements.statusMessage.textContent = state.progress.message || "";
85
83
86
84
// Animate progress bar
87
85
const progress = Math.min(state.progress.count / 100, 1) * 100;