web/src/components/LandingSection/LandingSection.js

@@ -173,7 +173,7 @@ const LandingSection = () => {
           </button>
         </div>
       </div>
-      <div className="flex justify-center mt-64 pt-20 mb-20">
+      <div className="flex justify-center mt-64 pt-20 mb-32">
         <div className="flex text-2xl text-gray-500">
           See what other's have created
           <Svg

web/src/components/Parts/Parts.js

@@ -5,7 +5,7 @@ import ImageUploader from 'src/components/ImageUploader'
 
 const PartsList = ({ parts }) => {
   return (
-    <section className="max-w-6xl mx-auto mt-20">
+    <section className="max-w-6xl mx-auto mt-8">
       <ul
         className="grid gap-x-8 gap-y-12 items-center mx-4 relative"
         style={{ gridTemplateColumns: 'repeat(auto-fit, minmax(16rem, 1fr))' }}

web/src/components/UserProfile/UserProfile.js

@@ -2,12 +2,12 @@ import { useState, useEffect } from 'react'
 import { useAuth } from '@redwoodjs/auth'
 import { navigate, routes } from '@redwoodjs/router'
 import Editor from 'rich-markdown-editor'
-
 import ImageUploader from 'src/components/ImageUploader'
 import Button from 'src/components/Button'
 import ProfileTextInput from 'src/components/ProfileTextInput'
+import PartsCell from 'src/components/PartsCell'
 
-const UserProfile = ({ user, isEditable, loading, onSave, error }) => {
+const UserProfile = ({ user, isEditable, loading, onSave, error, parts }) => {
   const { currentUser } = useAuth()
   const canEdit = currentUser?.sub === user.id
   useEffect(() => {
@@ -91,6 +91,10 @@ const UserProfile = ({ user, isEditable, loading, onSave, error }) => {
             />
           </div>
         </div>
+        <div className="mt-10">
+          <h3 className="text-3xl text-gray-500 font-ropa-sans">Parts:</h3>
+          <PartsCell />
+        </div>
       </section>
     </>
   )