diff --git a/src/app/[slug]/[date]/page.tsx b/src/app/[slug]/[date]/page.tsx index 66d9cfe..a133619 100644 --- a/src/app/[slug]/[date]/page.tsx +++ b/src/app/[slug]/[date]/page.tsx @@ -8,6 +8,7 @@ import { fetchMe } from '~/app/_actions/userActions'; import { NippoEditor } from '~/app/_components/domains/Nippo/NippoEditor'; import { getDateString } from '~/libs/getDateString'; import { NippoPreview } from '~/app/_components/domains/Nippo/NippoPreview'; +import { NippoShareIcon } from '~/app/_components/domains/Nippo/NippoShareIcon'; type Props = { params: { slug: string; date: string } }; @@ -31,7 +32,10 @@ export default async function Page({ params }: Props) {
-

{dateString}

+
+

{dateString}

+ {nippo && } +
{currentUser?._id === objective.createdUserId ? ( ) : ( diff --git a/src/app/_components/domains/Nippo/NippoShareIcon/NippoShareIcon.tsx b/src/app/_components/domains/Nippo/NippoShareIcon/NippoShareIcon.tsx new file mode 100644 index 0000000..7daac37 --- /dev/null +++ b/src/app/_components/domains/Nippo/NippoShareIcon/NippoShareIcon.tsx @@ -0,0 +1,23 @@ +'use client'; + +import { Button, Link } from '@nextui-org/react'; +import { format } from 'date-fns'; + +import { Icon } from '~/app/_components/uiParts/icons'; +import { Nippo } from '~/domains/Nippo'; + +export const NippoShareIcon = ({ nippo }: { nippo: Nippo }) => { + return ( + + + + ); +}; diff --git a/src/app/_components/domains/Nippo/NippoShareIcon/index.ts b/src/app/_components/domains/Nippo/NippoShareIcon/index.ts new file mode 100644 index 0000000..0a8d9f8 --- /dev/null +++ b/src/app/_components/domains/Nippo/NippoShareIcon/index.ts @@ -0,0 +1 @@ +export { NippoShareIcon } from './NippoShareIcon'; diff --git a/src/app/_components/uiParts/icons/icon.tsx b/src/app/_components/uiParts/icons/icon.tsx index 01a1780..326dfc5 100644 --- a/src/app/_components/uiParts/icons/icon.tsx +++ b/src/app/_components/uiParts/icons/icon.tsx @@ -227,6 +227,10 @@ const Twitter: FC = () => ( ); +const TwitterX: FC = () => ( + +); + const Github: FC = () => ( ); @@ -342,6 +346,7 @@ export const IconComponentMapping = { THREE_DOTS_VERTICAL: , TRASH: , TWITTER: , + TWITTER_X: , UPDATE: Update, };