(READ ONLY) Margin is an open annotation layer for the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
add Ko-Fi (donate) button to right sidebar and make the iOS shortcut download to coming soon
+20
-5
+14
-1
web/src/components/RightSidebar.jsx
+14
-1
web/src/components/RightSidebar.jsx
···
7
7
SiGithub,
8
8
SiBluesky,
9
9
SiApple,
10
+
SiKofi,
10
11
} from "react-icons/si";
11
12
import { FaEdge } from "react-icons/fa";
12
13
import { useAuth } from "../context/AuthContext";
···
28
29
url: "https://margin.at/soon",
29
30
icon: SiApple,
30
31
name: "iOS",
31
-
label: "Get the Shortcut",
32
+
label: "Coming Soon",
32
33
};
33
34
}
34
35
if (isFirefox) {
···
166
167
<div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
167
168
<SiBluesky size={16} />
168
169
Bluesky
170
+
</div>
171
+
<ExternalLink size={12} />
172
+
</a>
173
+
<a
174
+
href="https://ko-fi.com/scan"
175
+
target="_blank"
176
+
rel="noopener noreferrer"
177
+
className="right-link"
178
+
>
179
+
<div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
180
+
<SiKofi size={16} />
181
+
Donate
169
182
</div>
170
183
<ExternalLink size={12} />
171
184
</a>
+6
-4
web/src/pages/Profile.jsx
+6
-4
web/src/pages/Profile.jsx
···
366
366
Save bookmarks from Safari's share sheet.
367
367
</p>
368
368
<a
369
-
href="https://margin.at/soon"
370
-
target="_blank"
371
-
rel="noopener noreferrer"
369
+
href="#"
372
370
className="btn btn-primary"
373
371
style={{
374
372
display: "inline-flex",
375
373
alignItems: "center",
376
374
gap: "0.5rem",
375
+
opacity: 0.5,
376
+
pointerEvents: "none",
377
+
cursor: "default",
377
378
}}
379
+
onClick={(e) => e.preventDefault()}
378
380
>
379
-
<AppleIcon size={16} /> Download Shortcut
381
+
<AppleIcon size={16} /> Coming Soon
380
382
</a>
381
383
</div>
382
384
</div>