From 81db8d3de0415607c3e17c0c1e9f2e6a0a4b9c05 Mon Sep 17 00:00:00 2001 From: yeongmins Date: Tue, 19 Sep 2023 14:29:40 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20wiki=20=EB=A0=88=EC=9D=B4=EC=95=84?= =?UTF-8?q?=EC=9B=83=20=EC=9E=91=EC=97=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 89 ------------------ .../icons/wiki_icon/wiki_write_icon.png | Bin 0 -> 13980 bytes src/components/wiki/MarkdownEditor.tsx | 2 +- src/components/wiki/WikiComponent.tsx | 73 ++++++++++++++ .../wiki/office-life/CompanyRules.tsx | 4 +- src/pages/Gallery.tsx | 4 +- src/pages/Wiki.tsx | 2 + 7 files changed, 81 insertions(+), 93 deletions(-) create mode 100644 src/assets/icons/wiki_icon/wiki_write_icon.png create mode 100644 src/components/wiki/WikiComponent.tsx diff --git a/package-lock.json b/package-lock.json index 2ef5f05d..2eb97abd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4189,24 +4189,6 @@ "@types/react": "^17" } }, - "node_modules/@testing-library/react/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dependencies": { - "@types/prop-types": "*", - "@types/scheduler": "*", - "csstype": "^3.0.2" - } - }, - "node_modules/@testing-library/react/node_modules/@types/react-dom": { - "version": "17.0.20", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.20.tgz", - "integrity": "sha512-4pzIjSxDueZZ90F52mU3aPoogkHIoSIDG+oQ+wQK7Cy2B9S+MvOqY0uEA/qawKz381qrEDkvpwyt8Bm31I8sbA==", - "dependencies": { - "@types/react": "^17" - } - }, "node_modules/@testing-library/user-event": { "version": "13.5.0", "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-13.5.0.tgz", @@ -4469,19 +4451,6 @@ "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz", "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==" }, - "node_modules/@types/lodash": { - "version": "4.14.198", - "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.198.tgz", - "integrity": "sha512-trNJ/vtMZYMLhfN45uLq4ShQSw0/S7xCTLLVM+WM1rmFpba/VS42jVUgaO3w/NOLiWR/09lnYk0yMaA/atdIsg==" - }, - "node_modules/@types/lodash.memoize": { - "version": "4.1.7", - "resolved": "https://registry.npmjs.org/@types/lodash.memoize/-/lodash.memoize-4.1.7.tgz", - "integrity": "sha512-lGN7WeO4vO6sICVpf041Q7BX/9k1Y24Zo3FY0aUezr1QlKznpjzsDk3T3wvH8ofYzoK0QupN9TWcFAFZlyPwQQ==", - "dependencies": { - "@types/lodash": "*" - } - }, "node_modules/@types/mime": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz", @@ -5092,14 +5061,6 @@ "@xtuc/long": "4.2.2" } }, - "node_modules/@wojtekmaj/date-utils": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@wojtekmaj/date-utils/-/date-utils-1.5.0.tgz", - "integrity": "sha512-0mq88lCND6QiffnSDWp+TbOxzJSwy2V/3XN+HwWZ7S2n19QAgR5dy5hRVhlECXvQIq2r+VcblBu+S9V+yMcxXw==", - "funding": { - "url": "https://github.com/wojtekmaj/date-utils?sponsor=1" - } - }, "node_modules/@xtuc/ieee754": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", @@ -6281,14 +6242,6 @@ "node": ">=12" } }, - "node_modules/clsx": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", - "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", - "engines": { - "node": ">=6" - } - }, "node_modules/co": { "version": "4.6.0", "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", @@ -9227,18 +9180,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/get-user-locale": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/get-user-locale/-/get-user-locale-2.3.0.tgz", - "integrity": "sha512-I3rQvAUwu2nauRD9YyQBSXVFJZixNouwA+eZld51Sn4Pn0N1qFbgcgOi/nPigJPQlNY519mT95fiSPRgflQiTA==", - "dependencies": { - "@types/lodash.memoize": "^4.1.7", - "lodash.memoize": "^4.1.1" - }, - "funding": { - "url": "https://github.com/wojtekmaj/get-user-locale?sponsor=1" - } - }, "node_modules/glob": { "version": "7.2.3", "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", @@ -14335,31 +14276,6 @@ "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" }, - "node_modules/react-calendar": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/react-calendar/-/react-calendar-4.6.0.tgz", - "integrity": "sha512-GJ6ZipKMQmlK666t+0hgmecu6WHydEnMWJjKdEkUxW6F471hiM5DkbWXkfr8wlAg9tc9feNCBhXw3SqsPOm01A==", - "dependencies": { - "@wojtekmaj/date-utils": "^1.1.3", - "clsx": "^2.0.0", - "get-user-locale": "^2.2.1", - "prop-types": "^15.6.0", - "tiny-warning": "^1.0.0" - }, - "funding": { - "url": "https://github.com/wojtekmaj/react-calendar?sponsor=1" - }, - "peerDependencies": { - "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" - }, - "peerDependenciesMeta": { - "@types/react": { - "optional": true - } - } - }, "node_modules/react-dev-utils": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", @@ -16373,11 +16289,6 @@ "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==" }, - "node_modules/tiny-warning": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", - "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==" - }, "node_modules/titleize": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/titleize/-/titleize-3.0.0.tgz", diff --git a/src/assets/icons/wiki_icon/wiki_write_icon.png b/src/assets/icons/wiki_icon/wiki_write_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..8e214884f6c4022dd4b4b2a76e21bea427c3a0b6 GIT binary patch literal 13980 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 Gd;bGHLZ3eX literal 0 HcmV?d00001 diff --git a/src/components/wiki/MarkdownEditor.tsx b/src/components/wiki/MarkdownEditor.tsx index da6dc836..f82cdfdb 100644 --- a/src/components/wiki/MarkdownEditor.tsx +++ b/src/components/wiki/MarkdownEditor.tsx @@ -39,4 +39,4 @@ const MarkdownEditor = ({ content = "", editorRef }: Props) => { ); }; -export default MarkdownEditor; \ No newline at end of file +export default MarkdownEditor; diff --git a/src/components/wiki/WikiComponent.tsx b/src/components/wiki/WikiComponent.tsx new file mode 100644 index 00000000..178d0b24 --- /dev/null +++ b/src/components/wiki/WikiComponent.tsx @@ -0,0 +1,73 @@ +import { useState } from "react"; +import styled from "styled-components"; +import writeIcon from "../../assets/icons/wiki_icon/wiki_write_icon.png"; + +const WikiContentBox = styled.div` + width: 75vw; + font-family: "NotoSansKR-Regular"; +`; + +const WikiHeader = styled.div` + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 25px; +`; + +const WikiMainText = styled.span` + font-size: 25px; + font-family: "NotoSansKR-bold"; +`; + +const WriteIcon = styled.img` + width: 2.5rem; + height: 2.5rem; +`; + +const WikiContent = styled.div` + width: 100%; + height: 70vh; + border: 1px solid #d2d2d2; + border-radius: 5px; + background-color: #f6f7f9; + margin-top: 10px; + align-items: center; + display: flex; + justify-content: center; + box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); +`; + +const WikiFooter = styled.div` + margin-top: 10px; +`; + +const ModificationDate = styled.span` + font-size: 15px; +`; + +const WikiComponent = () => { + const [WikiMainTexts] = useState([ + "회사내규", + "팀 소개", + "조직도", + "진행중인 프로젝트", + "예정된 프로젝트", + "완료된 프로젝트", + "신입사원 필독서", + "온보딩 주제", + ]); + return ( + + + {WikiMainTexts[0]} + + + View + + 최종 수정일 : + + + ); +}; + +export default WikiComponent; diff --git a/src/components/wiki/office-life/CompanyRules.tsx b/src/components/wiki/office-life/CompanyRules.tsx index 93de9175..4380900b 100644 --- a/src/components/wiki/office-life/CompanyRules.tsx +++ b/src/components/wiki/office-life/CompanyRules.tsx @@ -1,5 +1,7 @@ +import WikiComponent from "../WikiComponent"; + const CompanyRules = () => { - return
회사내규 내용
; + return ; }; export default CompanyRules; diff --git a/src/pages/Gallery.tsx b/src/pages/Gallery.tsx index e01b56f4..86703440 100644 --- a/src/pages/Gallery.tsx +++ b/src/pages/Gallery.tsx @@ -21,9 +21,9 @@ const Gallery = () => { - {/* */} + {/* Modal */} - {/* {isModal && } */} + {isModal && } ); }; diff --git a/src/pages/Wiki.tsx b/src/pages/Wiki.tsx index af002bba..997b3b92 100644 --- a/src/pages/Wiki.tsx +++ b/src/pages/Wiki.tsx @@ -1,6 +1,7 @@ import styled from "styled-components"; import { Outlet } from "react-router-dom"; import { WikiSideBar } from "../components/sidebar/SideBar"; +import Footer from "../components/common/Footer"; const WikiWrapper = styled.div` display: flex; @@ -11,6 +12,7 @@ const Wiki = () => { +