[FE/#74] Feat : 이슈 쓰기 컴포넌트 생성

FE/src/components/DetailedIssue/Comment/Write.jsx

@@ -0,0 +1,50 @@
+import React from "react";
+
+import CustomTable from "@Components/common/CustomTable";
+
+import Button from "@material-ui/core/Button";
+import TextareaAutosize from "@material-ui/core/TextareaAutosize";
+import { makeStyles } from "@material-ui/core/styles";
+import TextArea from "../TextArea";
+const Write = () => {
+  const WRITE_BTN_TEXT = "write";
+
+  const classes = useStyles();
+
+  return (
+    <>
+      <CustomTable
+        ariaLabel="issueTable"
+        headContents={
+          <Button variant="contained" className={classes.button} disableElevation>
+            {WRITE_BTN_TEXT}
+          </Button>
+        }
+        bodyContents={[{ id: 0, contents: <TextArea /> }]}
+        className={classes.writeTable}
+      />
+    </>
+  );
+};
+
+const useStyles = makeStyles(() => ({
+  button: {
+    backgroundColor: "#fff",
+  },
+  writeTable: {
+    marginBottom: 40,
+    "& th": {
+      padding: "3px 20px",
+      paddingBottom: 0,
+      borderBottom: "none",
+    },
+    "& .MuiTableRow-hover": {
+      pointerEvents: "none",
+    },
+    "& textarea": {
+      width: "100%",
+    },
+  },
+}));
+
+export default Write;

FE/src/components/DetailedIssue/Header/IssueStatus/IssueStatus.jsx

@@ -31,9 +31,9 @@ const IssueStatus = () => {
   return (
     <Box display="flex" alignItems="center" mt={1}>
       {isOpened ? (
-        <Chip color="primary" label={OPEN_TEXT} icon={<StatusIcon />} />
+        <Chip color="primary" label={OPEN_TEXT} icon={<StatusIcon color="white" />} />
       ) : (
-        <Chip color="secondary" label={CLOSE_TEXT} icon={<StatusIcon closed />} />
+        <Chip color="secondary" label={CLOSE_TEXT} icon={<StatusIcon color="white" closed />} />
       )}
       <Typography color="textSecondary" variant="subtitle1" component="div">
         <strong className={classes.userName}>{userName}</strong>