Page 334 - MDP2022-3

<div className="class__announce">
<img src={user?.photoURL} alt="My image" />

<input
type="text"
value={announcementContent}

onChange={(e) => setAnnouncementContent(e.target.value)}
placeholder="무엇을 전하고 싶으세요?"

/>
<IconButton onClick={createPost} style={{ color: "white" }}>
+

</IconButton>
</div>
{posts?.map((post) => (

<Announcement
authorId={post.authorId}

content={post.content}
date={post.date}
image={post.image}

name={post.name}
/>

))}
</div>
);

}

export default Class;

import React, { useEffect } from "react";

import "./Dashboard.css";
import { useAuthState } from "react-firebase-hooks/auth";

import { auth, db } from "../firebase";
import { useNavigate } from "react-router-dom";
import { useState } from "react";

import ClassCard from "../components/ClassCard";

//대시보드

function Dashboard() {