aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-02 20:10:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update collection details

Browse Source
This commit is contained in:
Steven
2023-11-12 12:57:39 +08:00
parent 8de658709c
commit 8a4e07120f
8 changed files with 97 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/web/src/pages/CollectionDashboard.tsx
View File

@ -38,6 +38,19 @@ const CollectionDashboard: React.FC = () => {
return (
<>
<div className="mx-auto max-w-8xl w-full px-3 md:px-12 pt-4 pb-6 flex flex-col justify-start items-start">
<div className="w-full flex flex-row justify-start items-start mb-4">
<div className="bg-yellow-100 dark:bg-yellow-500 dark:opacity-70 py-2 px-3 rounded-full border dark:border-yellow-600 flex flex-row justify-start items-center cursor-pointer shadow">
<Icon.LibrarySquare className="w-5 h-auto opacity-60" />
<a
className="hover:underline hover:text-blue-600"
href="https://github.com/boojack/slash/blob/main/docs/getting-started/collections.md"
target="_blank"
>
<span className="mx-1 text-sm">Collection is in Beta. Learn more in docs</span>
<Icon.ExternalLink className="w-4 h-auto inline-block" />
</a>
</div>
</div>
<div className="w-full flex flex-row justify-between items-center mb-4">
<div className="flex flex-row justify-start items-center">
<Button className="hover:shadow" variant="soft" size="sm" onClick={() => setShowCreateCollectionDialog(true)}>

28
frontend/web/src/pages/CollectionSpace.tsx
View File

@ -1,6 +1,7 @@
import { Divider } from "@mui/joy";
import classNames from "classnames";
import { useEffect, useState } from "react";
import toast from "react-hot-toast";
import { Link, useParams } from "react-router-dom";
import Icon from "@/components/Icon";
import ShortcutView from "@/components/ShortcutView";
@ -26,18 +27,23 @@ const CollectionSpace = () => {
useEffect(() => {
(async () => {
const collection = await collectionStore.fetchCollectionByName(collectionName);
setCollection(collection);
setShortcuts([]);
for (const shortcutId of collection.shortcutIds) {
try {
const shortcut = await shortcutStore.getOrFetchShortcutById(shortcutId);
setShortcuts((shortcuts) => {
return [...shortcuts, shortcut];
});
} catch (error) {
// do nth
try {
const collection = await collectionStore.fetchCollectionByName(collectionName);
setCollection(collection);
setShortcuts([]);
for (const shortcutId of collection.shortcutIds) {
try {
const shortcut = await shortcutStore.getOrFetchShortcutById(shortcutId);
setShortcuts((shortcuts) => {
return [...shortcuts, shortcut];
});
} catch (error) {
// do nth
}
}
} catch (error: any) {
console.error(error);
toast.error(error.details);
}
})();
}, [collectionName]);