From db994d44199b89c4152a12dd676d0f0f92880fcc Mon Sep 17 00:00:00 2001
From: Yoseph Nikolas Kurnia Soenggoro
 <yosephnikolaskurniasoenggoro@pop-os.localdomain>
Date: Sat, 12 Dec 2020 18:54:17 +0700
Subject: [PATCH 1/2] Initial change

---
 web/src/components/UserProfile/UserProfile.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/UserProfile/UserProfile.js b/web/src/components/UserProfile/UserProfile.js
index 6267ac2..944203a 100644
--- a/web/src/components/UserProfile/UserProfile.js
+++ b/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>
     </>
   )

From 6e8e853ee9e56f97dbd15e7fc27dffdfb4398e21 Mon Sep 17 00:00:00 2001
From: Yoseph Nikolas Kurnia Soenggoro
 <yosephnikolaskurniasoenggoro@pop-os.localdomain>
Date: Sat, 12 Dec 2020 19:14:18 +0700
Subject: [PATCH 2/2] Adjusting padding and margins

---
 web/src/components/LandingSection/LandingSection.js | 2 +-
 web/src/components/Parts/Parts.js                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/LandingSection/LandingSection.js b/web/src/components/LandingSection/LandingSection.js
index 5920f37..4dcd5f5 100644
--- a/web/src/components/LandingSection/LandingSection.js
+++ b/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
diff --git a/web/src/components/Parts/Parts.js b/web/src/components/Parts/Parts.js
index 8848328..efdc8bf 100644
--- a/web/src/components/Parts/Parts.js
+++ b/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))' }}