Skip to content

Commit 51d705f

Browse files
donginddongind
committed
feat : landing Link 생성 모달 작성
1 parent c9fcca5 commit 51d705f

File tree

3 files changed

+102
-1
lines changed

3 files changed

+102
-1
lines changed

‎frontend/src/components/landing/LandingLinkModal.tsx

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
const LandingLinkModal = ({ close }: { close: () => void }) => {
2+
return (
3+
<div className="w-full h-full bg-black-30 flex justify-center items-center">
4+
<div className="w-[40.625rem]">hello world</div>
5+
</div>
6+
);
7+
};
8+
9+
export default LandingLinkModal;

‎frontend/src/pages/landing/LandingPage.tsx

+10-1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ import LandingSprint from "../../components/landing/LandingSprint";
66
import LandingMember from "../../components/landing/LandingMember";
77
import Plus from "../../assets/icons/plus.svg?react";
88
import LandingLinkBlock from "../../components/landing/LandingLinkBlock";
9+
import { useModal } from "../../hooks/common/modal/useModal";
10+
import LandingLinkModal from "../../components/landing/LandingLinkModal";
911

1012
const sampleData: LandingDTO = {
1113
project: {
@@ -73,6 +75,11 @@ const LandingPage = () => {
7375
if (!projectId) throw Error("Invalid Web URL");
7476
const { project, sprint, member, link } = landingData;
7577

78+
const { open, close } = useModal(true);
79+
const handleCreateLinkClick = () => {
80+
open(<LandingLinkModal close={close} />);
81+
};
82+
7683
return (
7784
<div className="h-full w-full flex flex-col justify-between">
7885
<div className="h-[17.6875rem] w-full shrink-0 flex gap-9">
@@ -85,7 +92,9 @@ const LandingPage = () => {
8592
<div className="w-full shadow-box rounded-lg flex flex-col pt-6 pl-6 pr-3 bg-gradient-to-tr from-dark-green-linear-from to-dark-green-linear-to">
8693
<div className="flex justify-between items-center pr-3">
8794
<p className="text-white text-m font-bold">| 외부 링크</p>
88-
<Plus width={24} height={24} stroke="#FFFFFF " />
95+
<button onClick={handleCreateLinkClick}>
96+
<Plus width={24} height={24} stroke="#FFFFFF " />
97+
</button>
8998
</div>
9099
<div className="flex flex-col gap-3 pr-6 py-6 overflow-y-scroll scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-dark-green scrollbar-track-transparent">
91100
{link.map((linkData: LandingLinkDTO) => {

‎frontend/yarn.lock

+83
Original file line numberDiff line numberDiff line change
@@ -1725,6 +1725,89 @@
17251725
dependencies:
17261726
"@sinonjs/commons" "^3.0.0"
17271727

1728+
"@svgr/[email protected]":
1729+
version "8.0.0"
1730+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz#4001f5d5dd87fa13303e36ee106e3ff3a7eb8b22"
1731+
integrity sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==
1732+
1733+
"@svgr/[email protected]":
1734+
version "8.0.0"
1735+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz#69177f7937233caca3a1afb051906698f2f59186"
1736+
integrity sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==
1737+
1738+
"@svgr/[email protected]":
1739+
version "8.0.0"
1740+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz#c2c48104cfd7dcd557f373b70a56e9e3bdae1d44"
1741+
integrity sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==
1742+
1743+
"@svgr/[email protected]":
1744+
version "8.0.0"
1745+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz#8fbb6b2e91fa26ac5d4aa25c6b6e4f20f9c0ae27"
1746+
integrity sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==
1747+
1748+
"@svgr/[email protected]":
1749+
version "8.0.0"
1750+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz#1d5ba1d281363fc0f2f29a60d6d936f9bbc657b0"
1751+
integrity sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==
1752+
1753+
"@svgr/[email protected]":
1754+
version "8.0.0"
1755+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz#35e08df300ea8b1d41cb8f62309c241b0369e501"
1756+
integrity sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==
1757+
1758+
"@svgr/[email protected]":
1759+
version "8.1.0"
1760+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz#90a8b63998b688b284f255c6a5248abd5b28d754"
1761+
integrity sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==
1762+
1763+
"@svgr/[email protected]":
1764+
version "8.0.0"
1765+
resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz#013b4bfca88779711f0ed2739f3f7efcefcf4f7e"
1766+
integrity sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==
1767+
1768+
"@svgr/[email protected]":
1769+
version "8.1.0"
1770+
resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-8.1.0.tgz#0e87119aecdf1c424840b9d4565b7137cabf9ece"
1771+
integrity sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==
1772+
dependencies:
1773+
"@svgr/babel-plugin-add-jsx-attribute" "8.0.0"
1774+
"@svgr/babel-plugin-remove-jsx-attribute" "8.0.0"
1775+
"@svgr/babel-plugin-remove-jsx-empty-expression" "8.0.0"
1776+
"@svgr/babel-plugin-replace-jsx-attribute-value" "8.0.0"
1777+
"@svgr/babel-plugin-svg-dynamic-title" "8.0.0"
1778+
"@svgr/babel-plugin-svg-em-dimensions" "8.0.0"
1779+
"@svgr/babel-plugin-transform-react-native-svg" "8.1.0"
1780+
"@svgr/babel-plugin-transform-svg-component" "8.0.0"
1781+
1782+
"@svgr/core@^8.1.0":
1783+
version "8.1.0"
1784+
resolved "https://registry.yarnpkg.com/@svgr/core/-/core-8.1.0.tgz#41146f9b40b1a10beaf5cc4f361a16a3c1885e88"
1785+
integrity sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==
1786+
dependencies:
1787+
"@babel/core" "^7.21.3"
1788+
"@svgr/babel-preset" "8.1.0"
1789+
camelcase "^6.2.0"
1790+
cosmiconfig "^8.1.3"
1791+
snake-case "^3.0.4"
1792+
1793+
"@svgr/[email protected]":
1794+
version "8.0.0"
1795+
resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz#6952fd9ce0f470e1aded293b792a2705faf4ffd4"
1796+
integrity sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==
1797+
dependencies:
1798+
"@babel/types" "^7.21.3"
1799+
entities "^4.4.0"
1800+
1801+
"@svgr/plugin-jsx@^8.1.0":
1802+
version "8.1.0"
1803+
resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz#96969f04a24b58b174ee4cd974c60475acbd6928"
1804+
integrity sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==
1805+
dependencies:
1806+
"@babel/core" "^7.21.3"
1807+
"@svgr/babel-preset" "8.1.0"
1808+
"@svgr/hast-util-to-babel-ast" "8.0.0"
1809+
svg-parser "^2.0.4"
1810+
17281811
"@tanstack/[email protected]":
17291812
version "5.28.13"
17301813
resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.28.13.tgz#15c187c23b87a393e91d0fd2ea6dfc22b8a85b75"

0 commit comments

Comments
 (0)