h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Add user projects #156

Merged
YosephKS merged 2 commits from addUserProjects into main 2020-12-12 20:32:57 +01:00
Conversation 2 Commits 2 Files Changed 3 +8 -4
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/LandingSection/LandingSection.js
View File

@@ -173,7 +173,7 @@ const LandingSection = () => {
</button> </button>
</div> </div>
</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"> <div className="flex text-2xl text-gray-500">
Irev-Dev commented 2020-12-12 20:31:08 +01:00 (Migrated from github.com)
Review
Copy Link

I appreciate you keeping the over padding on the landing section the same 👍

I appreciate you keeping the over padding on the landing section the same 👍
See what other's have created See what other's have created
<Svg <Svg

2
web/src/components/Parts/Parts.js
View File

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

8
web/src/components/UserProfile/UserProfile.js
View File

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