Page 340 - MDP2022-3

});
}

} catch (err) {
alert(err.message);
}

};
const logout = () => {

auth.signOut();
};

export { app, auth, db, signInWithGoogle, logout };

import { IconButton } from "@material-ui/core";

import React from "react";
import "./Announcement.css";

//클래스 상세 페이지 데이터 받아서 화면에 그려주기

function Announcement({ image, name, date, content, authorId }) {
return (

<div className="announcement">
<div className="announcement__informationContainer">
<div className="announcement__infoSection">

<div className="announcement__imageContainer">
<img src={image} alt="Profile photo" />

</div>
<div className="announcement__nameAndDate">
<div className="announcement__name">{name}</div>

<div className="announcement__date">{date}</div>
</div>

</div>
<div className="announcement__infoSection">
<
<IconButton> /IconButton>
</div>
</div>

<div className="announcement__content">{content}</div>
</div>
);