margin.at
Write on the margins of the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
refactor: consistent usage of Annotations
+13
-6
+4
-1
web/src/views/content/SitePage.tsx
+4
-1
web/src/views/content/SitePage.tsx
···
257
257
<Tabs
258
258
tabs={[
259
259
{ id: "all", label: `All (${totalItems})` },
260
-
{ id: "annotations", label: `Notes (${annotations.length})` },
260
+
{
261
+
id: "annotations",
262
+
label: `Annotations (${annotations.length})`,
263
+
},
261
264
{
262
265
id: "highlights",
263
266
label: `Highlights (${highlights.length})`,
+4
-1
web/src/views/content/Url.tsx
+4
-1
web/src/views/content/Url.tsx
···
290
290
<Tabs
291
291
tabs={[
292
292
{ id: "all", label: `All (${totalItems})` },
293
-
{ id: "annotations", label: `Notes (${annotations.length})` },
293
+
{
294
+
id: "annotations",
295
+
label: `Annotations (${annotations.length})`,
296
+
},
294
297
{
295
298
id: "highlights",
296
299
label: `Highlights (${highlights.length})`,
+5
-4
web/src/views/core/HighlightImporter.tsx
+5
-4
web/src/views/core/HighlightImporter.tsx
···
1
-
import React, { useState, useRef } from "react";
2
1
import {
3
-
Upload,
4
-
Loader2,
2
+
AlertCircle,
5
3
CheckCircle2,
6
-
AlertCircle,
7
4
Download,
5
+
Loader2,
6
+
Upload,
8
7
} from "lucide-react";
8
+
import type React from "react";
9
+
import { useRef, useState } from "react";
9
10
import { createHighlight } from "../../api/client";
10
11
import type { Selector } from "../../types";
11
12