diff --git a/packages/web/src/pages/[projectId]/feedbacks/[feedbackId]/index.tsx b/packages/web/src/pages/[projectId]/feedbacks/[feedbackId]/index.tsx index e653f5b..e89875d 100644 --- a/packages/web/src/pages/[projectId]/feedbacks/[feedbackId]/index.tsx +++ b/packages/web/src/pages/[projectId]/feedbacks/[feedbackId]/index.tsx @@ -1,10 +1,15 @@ import type { GetServerSideProps, NextPage } from 'next' -import { Flex } from '@chakra-ui/react' +import { Box, Flex, HStack, VStack } from '@chakra-ui/react' import type { Feedback } from '@prisma/client' +import { useMemo } from 'react' import EventDetailActions from '~/components/eventDetailAction' import EventDetailProfile from '~/components/eventDetailProfile' import EventDetailUser from '~/components/eventDetailUser' import { serviceGetFeedback } from '~/services/feedbacks' +import CardSection from '~/components/cardSection' +import ThemeBox from '~/components/themeBox' +import Wrapper from '~/components/wrapper' +import Copy from '~/components/copy' interface Props { feedback: Feedback @@ -17,6 +22,8 @@ export const getServerSideProps: GetServerSideProps = async(context) => { } const Detail: NextPage = ({ feedback }) => { + const detail = useMemo(() => feedback.detail as any ?? {}, [feedback]) + return ( = ({ feedback }) => { > + + + + + {detail.feedback && Feedback:{detail.feedback}} + {detail.selector && Selector:{detail.selector}} + {detail.outerHTML && outerHTML:{detail.outerHTML}} + + + + +