diff --git a/components/projects/projectList.jsx b/components/projects/projectList.jsx
index 2e905cd..fe7d3e9 100644
--- a/components/projects/projectList.jsx
+++ b/components/projects/projectList.jsx
@@ -2,31 +2,34 @@ import Section from '../section';
import { Container, Row, Col } from 'reactstrap';
import ProjectCard from './projectCard';
import groupBy from '../../utils/groupBy';
+import groupByYearSort from '../../utils/projectYear';
export default function ProjectList({ projects }) {
const projectsByCompletion = groupBy(projects, 'completedIn');
return (
- {Object.entries(projectsByCompletion).map(([completedIn, projects]) => (
-
-
- {completedIn}
-
-
- {projects.map(({ title, description, thumbnail, urlSlug }) => (
-
-
-
- ))}
-
-
- ))}
+ {Object.entries(projectsByCompletion)
+ .sort(groupByYearSort)
+ .map(([completedIn, projects]) => (
+
+
+ {completedIn}
+
+
+ {projects.map(({ title, description, thumbnail, urlSlug }) => (
+
+
+
+ ))}
+
+
+ ))}
);
diff --git a/components/projects/projectTechUsed.jsx b/components/projects/projectTechUsed.jsx
index 50e7e97..4b16858 100644
--- a/components/projects/projectTechUsed.jsx
+++ b/components/projects/projectTechUsed.jsx
@@ -158,6 +158,11 @@ const icons = {
};
function ProjectTechUsed({ technologiesUsed }) {
+ console.log(
+ Object.entries(icons)
+ .map((entry) => entry[0])
+ .join(', '),
+ );
return technologiesUsed?.length ? (
@@ -166,16 +171,31 @@ function ProjectTechUsed({ technologiesUsed }) {
{technologiesUsed.map((tech) => (
-
-
-
-
- {icons[tech].title}
-
+ {icons[tech] ? (
+ <>
+
+
+
+
+ {icons[tech].title}
+ {' '}
+ >
+ ) : (
+ <>
+
+
+
+ {tech}{' '}
+ >
+ )}
))}
diff --git a/pages/projects/[projectSlug].jsx b/pages/projects/[projectSlug].jsx
index b0d790e..1241ede 100644
--- a/pages/projects/[projectSlug].jsx
+++ b/pages/projects/[projectSlug].jsx
@@ -38,7 +38,9 @@ function ProjectPage({
>
) : (
-
+
See our code
)}
@@ -83,7 +85,8 @@ function ProjectPage({
/>
);
})}
-
+ {teamMembersCollection.items.size > 0 && }
+
See more of our projects
diff --git a/utils/projectYear.js b/utils/projectYear.js
new file mode 100644
index 0000000..e495324
--- /dev/null
+++ b/utils/projectYear.js
@@ -0,0 +1,5 @@
+export default function groupByYearSort(a, b) {
+ const yearA = parseInt(a[0].split(' ')[1]);
+ const yearB = parseInt(b[0].split(' ')[1]);
+ return yearB - yearA;
+}