38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import { useAuth } from '@redwoodjs/auth'
|
|
|
|
import ProjectCell from 'src/components/ProjectCell'
|
|
import Seo from 'src/components/Seo/Seo'
|
|
import { useIdeState } from 'src/helpers/hooks/useIdeState'
|
|
import { IdeContext } from 'src/helpers/hooks/useIdeContext'
|
|
import { Toaster } from '@redwoodjs/web/toast'
|
|
import { makeSocialPublicId } from 'src/helpers/hooks/useUpdateSocialCard'
|
|
|
|
const ProjectPage = ({ userName, projectTitle }) => {
|
|
const { currentUser } = useAuth()
|
|
const [state, thunkDispatch] = useIdeState()
|
|
const socialImageUrl = `http://res.cloudinary.com/irevdev/image/upload/c_scale,w_1200/v1/CadHub/${makeSocialPublicId(
|
|
userName,
|
|
projectTitle
|
|
)}`
|
|
return (
|
|
<>
|
|
<Seo
|
|
title={projectTitle}
|
|
description={projectTitle}
|
|
socialImageUrl={socialImageUrl}
|
|
lang="en-US"
|
|
/>
|
|
<Toaster timeout={1500} />
|
|
<IdeContext.Provider value={{ state, thunkDispatch, project: null }}>
|
|
<ProjectCell
|
|
userName={userName}
|
|
projectTitle={projectTitle}
|
|
currentUserId={currentUser?.sub}
|
|
/>
|
|
</IdeContext.Provider>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default ProjectPage
|