+ 
+ 
+ @@ -15,10 +15,10 @@ export default function Header() {
-
-
);
diff --git a/components/dashboard/table/Filters.js b/components/dashboard/table/Filters.js
index a782d5d44087..080d8f6c80e0 100644
--- a/components/dashboard/table/Filters.js
+++ b/components/dashboard/table/Filters.js
@@ -28,6 +28,7 @@ export default function Filters({
className,
issues,
setSelectedRepo,
+ allIssues,
setSelectedArea,
selectedArea,
selectedRepo,
@@ -39,13 +40,13 @@ export default function Filters({
});
const wrapperRef = useRef(null);
useOutsideAlerter(wrapperRef, setOpen);
- const areas = issues.map((issue) => issue.area);
+ const areas = allIssues.map((issue) => issue.area);
const uniqueAreas = ['All', ...new Set(areas)].map((area) => ({
key: area,
text: area,
}));
- const repos = issues.map((issue) => issue.repo);
+ const repos = allIssues.map((issue) => issue.repo);
const uniqueRepos = ['All', ...new Set(repos)].map((repo) => ({
key: repo,
text: repo,
diff --git a/components/dashboard/table/Pagination.js b/components/dashboard/table/Pagination.js
index b19396cac550..fd59d8bd0619 100644
--- a/components/dashboard/table/Pagination.js
+++ b/components/dashboard/table/Pagination.js
@@ -13,7 +13,7 @@ const Pagination = ({ issuesPerPage, currentPage, totalIssues, paginate }) => {
}
return (
-
+
+
+
Showing {lowerBound} to {upperBound} {''}
of {totalIssues} Issues
diff --git a/components/dashboard/table/Row.js b/components/dashboard/table/Row.js
index e4d6faac6b6c..6c5297f377bf 100644
--- a/components/dashboard/table/Row.js
+++ b/components/dashboard/table/Row.js
@@ -29,7 +29,7 @@ export default function Row({ item }) {
{item.labels.length > 0 && (
-
+
{item.labels.map((label) => (
{
+ // we need such a mapping for some parts of website, e.g navigation blocks use the `icon` property, not `Icon` etc.
+ return {
+ ...bucket,
+ href: bucket.link,
+ icon: bucket.Icon,
+ };
+});
diff --git a/components/docs/DocsCards.js b/components/docs/DocsCards.js
index 8a5f21c6a596..8262e37ac97f 100644
--- a/components/docs/DocsCards.js
+++ b/components/docs/DocsCards.js
@@ -2,56 +2,16 @@ import Link from 'next/link';
import Heading from '../typography/Heading';
import Paragraph from '../typography/Paragraph';
-import IconGettingStarted from '../icons/GettingStarted'
-import IconTutorials from '../icons/Tutorials'
-import IconUseCases from '../icons/UseCases'
-import IconGuide from '../icons/Guide'
-import IconSpec from '../icons/Spec'
-
-const cards = [
- {
- title: 'Concepts',
- description: 'Our Concepts section defines the concepts of AsyncAPI features and capabilities.',
- link: '/docs/concepts',
- className: 'bg-secondary-200',
- Icon: IconGettingStarted,
- },
- {
- title: 'Tutorials',
- description: 'Our Tutorials section teaches beginner processes with AsyncAPI, guiding you from Point A to Point B.',
- link: '/docs/tutorials',
- className: 'bg-pink-100',
- Icon: IconTutorials,
- },
- {
- title: 'Tools',
- description: 'Our Tools section documents the AsyncAPI tools ecosystem.',
- link: '/docs/tools',
- className: 'bg-green-200',
- Icon: IconUseCases,
- },
- {
- title: 'Guides',
- description: "Our Guides section teaches AsyncAPI's capabilities at a high level.",
- link: '/docs/guides',
- className: 'bg-primary-200',
- Icon: IconGuide,
- },
- {
- title: 'Reference',
- description: 'Our Reference section documents the AsyncAPI specification.',
- link: '/docs/reference',
- className: 'bg-yellow-200',
- Icon: IconSpec,
- }
-];
+import { buckets } from '../data/buckets';
export function DocsCards() {
return (
-
- {cards.map(card => (
+
+ {buckets.map(card => (
);
}
@@ -59,17 +19,17 @@ export function DocsCards() {
function Card({ title, description, link, className, Icon }) {
return (
-
+
-
+
-
-
-
diff --git a/components/editor/CodeBlock.js b/components/editor/CodeBlock.js
index 250f66032c86..b0e19db2234a 100644
--- a/components/editor/CodeBlock.js
+++ b/components/editor/CodeBlock.js
@@ -58,7 +58,7 @@ export default function CodeBlock({
)}
+
{title}
+
{hasWindow && (
@@ -103,7 +103,7 @@ export default function CodeBlock({
)}
{
showCopy && (
-
+