import React from "react"; import Link from "next/link"; import dayjs from 'dayjs' import { useRouter } from "next/router"; import UserIcon from "./UserIcon"; const utc = require("dayjs/plugin/utc"); const relativeTime = require("dayjs/plugin/relativeTime"); function NotificationCard(props) { const router = useRouter(); dayjs.extend(utc); dayjs.extend(relativeTime); const Subicon= ()=> { switch(props.type) { case "like": return ( ); break case "follower": return ( ); break case "branch": return ( ); break case "reply": return ( ); break case "payment": return ( ); break case "invite": return null; break case "mention": return ( ); break case "trolltoll": return null break default: return null } } const getDetail = (e) => { e.stopPropagation(); router.push(props.url); }; return (

{props.userByActorUserId.name} @{props.actorUserId}

{dayjs.utc(props.createdAt).format("MMM DD")}

{props.description}

+ ${props.price.toFixed(2)}

); } export default NotificationCard;