this repo has no description
Add footer, move changelog there
+35
-20
+35
-20
public/main.tsx
+35
-20
public/main.tsx
···
1148
1148
}: {
1149
1149
hasInitialSession: boolean;
1150
1150
}) {
1151
-
const [changelogOpen, setChangelogOpen] = useState(false);
1152
1151
const [exportImageOpen, setExportImageOpen] = useState(false);
1153
1152
const [exportModalContent, setExportModalContent] = useState<HTMLElement | null>(null);
1154
1153
const [quizModeOpen, setQuizModeOpen] = useState(false);
···
1277
1276
</a>
1278
1277
</div>
1279
1278
</div>
1280
-
<a class="navbar-item" onClick={() => setChangelogOpen(true)}>
1281
-
Changelog
1282
-
</a>
1283
-
1284
-
<Modal open={changelogOpen} onClose={() => setChangelogOpen(false)} container={document.body}>
1285
-
<div class="box content">
1286
-
<h1>Changelog</h1>
1287
-
{changelog.map((entry) => (
1288
-
<div>
1289
-
<h2>{entry.version}</h2>
1290
-
<ul>
1291
-
{entry.changes.map((change) => (
1292
-
<li>{change}</li>
1293
-
))}
1294
-
</ul>
1295
-
</div>
1296
-
))}
1297
-
</div>
1298
-
</Modal>
1299
1279
1300
1280
<a class="navbar-item" onClick={() => setQuizModeOpen(true)}>
1301
1281
Quiz Mode
···
1361
1341
}
1362
1342
1363
1343
function Root() {
1344
+
const [changelogOpen, setChangelogOpen] = useState(false);
1364
1345
const [hasInitialSession, setHasInitialSession] = useState(false);
1365
1346
1366
1347
useEffect(() => {
···
1453
1434
<section class="section kinks-section">
1454
1435
<KinksSection />
1455
1436
</section>
1437
+
<footer class="footer">
1438
+
<div class="content has-text-centered">
1439
+
<p>
1440
+
Created by <a href="https://witchsky.app/profile/did:plc:nmc77zslrwafxn75j66mep6o">@maxine.puppykitty.racing</a>
1441
+
</p>
1442
+
<p>
1443
+
Open source on <a href="https://gitlab.com/kinklist/kinklist.gitlab.io">GitLab</a>
1444
+
</p>
1445
+
<p>
1446
+
Based on the many Kinklists that came before it
1447
+
</p>
1448
+
<p>
1449
+
<a onClick={() => setChangelogOpen(true)}>
1450
+
Changelog (Version {changelog[0].version})
1451
+
</a>
1452
+
</p>
1453
+
</div>
1454
+
</footer>
1455
+
1456
+
<Modal open={changelogOpen} onClose={() => setChangelogOpen(false)} container={document.body}>
1457
+
<div class="box content">
1458
+
<h1 class="title">Changelog</h1>
1459
+
{changelog.map((entry) => (
1460
+
<div>
1461
+
<h2 class="subtitle">Version {entry.version}</h2>
1462
+
<ul>
1463
+
{entry.changes.map((change) => (
1464
+
<li>{change}</li>
1465
+
))}
1466
+
</ul>
1467
+
</div>
1468
+
))}
1469
+
</div>
1470
+
</Modal>
1456
1471
</div>
1457
1472
);
1458
1473
}