feat: 브랜치 최신화 (#78)

* style: 필터 디자인 수정 * chore: 파일 경로 업데이트 * feat: 필터 생성 모달 추가 * style: 모달 css 추가 * style: 필터추가모달 스타일 수정 * feat: 필터 생성 모달 추가 * chore: 컴포넌트 이름 변경 * feat: 그룹 필터 컴포넌트 내부에 베이직 모달 추가 * chore: 컴포넌트 이름 변경 후 파일 경로 수정 * feat: 그룹 모달 추가 * chore: 필터 색상 선택 컴포넌트 분리 * chore: 경로변경 * style: 제목입력칸 css 수정 * chore: 컴포넌트 분리에 따른 경로 변경 * feat: 그룹내 유저 추가 모달 추가 * feat: 상태값에 따른 모달 내용 변경 * feat: 상위 컴포넌트에서 받은 상태값에 따른 렌더링 * feat: 필터 색상 추가 * feat: 특정 캘린더에 따라 프롭스 다르게 보내주는 코드 수정 * stylde: 스타일드 컴포넌트에 <Styled 접두사 추가 * feat: 필터 제목 및 색상 상태 추가 * feat: 필터 제목 및 색상 선택 시 filterList 함수에 추가 * feat: 필터 색상 선택시 반영되게끔 로직 추가 * feat: 색상 및 제목 필터 리스트에 나열 기능 추가 * feat: 필터 색상 및 색상 선택기능 추가 * chore: 폴더 변경 및 경로 재설정 * feat: 필터리스트 상태 상위컴포넌트로 이동 * feat: 생성 모달 필터 선택 기능 추가 (#63) * feat: cors 설정 추가 * feat: 1차 스프린트 기능 개발 캘린더 기능 개발, 일정 리스트, 수정, 생성, 삭제 기능 개발 * feat: 프로필 선택 페이지 마크업 (#61) * style: 로그인 페이지 CSS 수정 * feat: 프로필 선택 페이지 마크업 * fix: 중복 파일 제거 * chore: .env테스트 * feat: .gitignore 경로 추가 * chore: .gitignore 경로 수정 * chore: 캐시 삭제 * feat: 버튼 컴포넌트 생성 * feat: 생성 모달 필터 선택 영역 추가 * style: 생성 모달 CSS 수정 * style: 버튼 컴포넌트 내부 토글 아이콘 추가 * feat: 생성 모달 필터 선택 드롭다운 기능 추가 * feat: 선택된 필터 백엔드 전송 부분 추가 --------- Co-authored-by: capDoYeonLee <[email protected]> Co-authored-by: LimSumi <[email protected]> Co-authored-by: LimSoomi <[email protected]> Co-authored-by: kanghaeun <[email protected]> * feat: 그룹,개인 필터 리스트 분리 기능 추가 * style: 필터 기준 margin값 변경 * style: 필터 삭제 및 편집 아이콘 마우스 호버기능 추가 * feat: 체크 모양 아이콘 변경 (#66) * feat: cors 설정 추가 * feat: 1차 스프린트 기능 개발 캘린더 기능 개발, 일정 리스트, 수정, 생성, 삭제 기능 개발 * feat: 프로필 선택 페이지 마크업 (#61) * style: 로그인 페이지 CSS 수정 * feat: 프로필 선택 페이지 마크업 * fix: 중복 파일 제거 * chore: .env테스트 * feat: .gitignore 경로 추가 * chore: .gitignore 경로 수정 * chore: 캐시 삭제 * style: 체크 모양 아이콘 svg 이미지 변경 --------- Co-authored-by: capDoYeonLee <[email protected]> Co-authored-by: LimSumi <[email protected]> Co-authored-by: LimSoomi <[email protected]> Co-authored-by: kanghaeun <[email protected]> * feat: 필터 접기 기능 추가 * style: 필터 접기 up and down 아이콘 추가 * style: 필터 삭제 및 더보기 아이콘 배치 수정 * style: 모달 수정 * feat: 필터 사이드바 보완 (#67) * style: 필터 디자인 수정 * chore: 파일 경로 업데이트 * feat: 필터 생성 모달 추가 * style: 모달 css 추가 * style: 필터추가모달 스타일 수정 * feat: 필터 생성 모달 추가 * chore: 컴포넌트 이름 변경 * feat: 그룹 필터 컴포넌트 내부에 베이직 모달 추가 * chore: 컴포넌트 이름 변경 후 파일 경로 수정 * feat: 그룹 모달 추가 * chore: 필터 색상 선택 컴포넌트 분리 * chore: 경로변경 * style: 제목입력칸 css 수정 * chore: 컴포넌트 분리에 따른 경로 변경 * feat: 그룹내 유저 추가 모달 추가 * feat: 상태값에 따른 모달 내용 변경 * feat: 상위 컴포넌트에서 받은 상태값에 따른 렌더링 * feat: 필터 색상 추가 * feat: 특정 캘린더에 따라 프롭스 다르게 보내주는 코드 수정 * stylde: 스타일드 컴포넌트에 <Styled 접두사 추가 * feat: 필터 제목 및 색상 상태 추가 * feat: 필터 제목 및 색상 선택 시 filterList 함수에 추가 * feat: 필터 색상 선택시 반영되게끔 로직 추가 * feat: 색상 및 제목 필터 리스트에 나열 기능 추가 * feat: 필터 색상 및 색상 선택기능 추가 * chore: 폴더 변경 및 경로 재설정 * feat: 필터리스트 상태 상위컴포넌트로 이동 * feat: 그룹,개인 필터 리스트 분리 기능 추가 * style: 필터 기준 margin값 변경 * style: 필터 삭제 및 편집 아이콘 마우스 호버기능 추가 * feat: 필터 접기 기능 추가 * style: 필터 접기 up and down 아이콘 추가 * style: 필터 삭제 및 더보기 아이콘 배치 수정 * style: 필터 저장 폰트 굵기 수정 * feat: 슬랙 로그인 기능 (#77) * feat: 로그인 버튼 구현 * feat: code를 추출하고 서버로 보내는 로직 구현 * feat: 로그인 버튼 클릭시 slack으로 이동하는 로직 추가 * feat: 슬랙 리다이렉션 코드 생성 기능 추가 * feat: 슬랙로그인 기능 추가 --------- Co-authored-by: mlnwns <[email protected]> Co-authored-by: capDoYeonLee <[email protected]> Co-authored-by: LimSumi <[email protected]> Co-authored-by: LimSoomi <[email protected]>
JNU-econovation · Jul 19, 2024 · 45ff777 · 45ff777
1 parent 3299e29
commit 45ff777
Show file tree

Hide file tree

Showing 28 changed files with 1,251 additions and 432 deletions.
diff --git a/FE/error/src/components/Button.jsx b/FE/error/src/components/Button.jsx
@@ -0,0 +1,32 @@
+import styled from "styled-components";
+import { IoChevronDown } from "react-icons/io5";
+
+const Button = ({ content, onClick, isActive }) => {
+  return (
+    <DefaultButton onClick={onClick} isActive={isActive}>
+      {content}
+      <IoChevronDown style={{ marginLeft: "5px" }} />
+    </DefaultButton>
+  );
+};
+
+export default Button;
+
+const DefaultButton = styled.button`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 0.8rem;
+  background-color: ${(props) => (props.isActive ? "#ffffff" : "#e7e7e7")};
+  color: ${(props) => (props.isActive ? "#495057" : "#323232")};
+  border: 1px solid #ced4da;
+  border-radius: 3px;
+  font-weight: 500;
+  margin-right: 0.3rem;
+  cursor: pointer;
+  transition: all 0.3s ease;
+
+  &:hover {
+    background-color: ${(props) => (props.isActive ? "#f8f9fa" : "#d4d4d4")};
+  }
+`;
diff --git a/FE/error/src/components/CreateModal.jsx b/FE/error/src/components/CreateModal.jsx
diff --git a/...src/components/CheckModal/DeleteEvent.jsx → FE/error/src/components/DeleteEvent.jsx b/...src/components/CheckModal/DeleteEvent.jsx → FE/error/src/components/DeleteEvent.jsx
diff --git a/FE/error/src/components/EconoCalendar.jsx b/FE/error/src/components/EconoCalendar.jsx
@@ -1,13 +1,12 @@
+import { useEffect, useState } from "react";
+import toast, { Toaster } from "react-hot-toast";
 import FullCalendar from "@fullcalendar/react";
 import dayGridPlugin from "@fullcalendar/daygrid";
-import interactionPlugin from "@fullcalendar/interaction";
 import styled from "styled-components";
-import { useEffect } from "react";
-import CreateModal from "./CreateModal";
-import { useState } from "react";
+import interactionPlugin from "@fullcalendar/interaction";
 import axios from "axios";
-import CheckCalendar from "./CheckModal/CheckCalendar";
-import toast, { Toaster } from "react-hot-toast";
+import CreateModal from "./scheduleCreate/CreateModal";
+import CheckCalendar from "./scheduleCheck/CheckCalendar";
 
 const EconoCalendar = () => {
   const [events, setEvents] = useState([]);
@@ -86,6 +85,12 @@ const EconoCalendar = () => {
                 setCreateModalIsOpen(true);
               },
             },
+            loginButtons: {
+              text: "로그인",
+              click: function () {
+                window.location.href = "/login";
+              },
+            },
           }}
           views={{
             timeGrid: {
@@ -95,7 +100,7 @@ const EconoCalendar = () => {
           headerToolbar={{
             left: "today prev title next",
             center: "",
-            right: "createDateButton",
+            right: "loginButtons,createDateButton",
           }}
           events={events}
           eventDisplay={"block"}
@@ -225,7 +230,7 @@ const CalendarContainer = styled.div`
   }
   .fc-daygrid-day-number {
     margin-top: 0.3rem;
-    margin-left: -0.1rem;
+    margin-left: -0.06rem;
   }
   .fc-toolbar-title {
     margin-top: 0.2em;
@@ -244,4 +249,11 @@ const CalendarContainer = styled.div`
     color: #595959;
     margin-right: 1rem;
   }
+
+  .fc-loginButtons-button {
+    background-color: #fff;
+    border-color: #cbcbcb;
+    color: #595959;
+    margin-right: 0.7rem;
+  }
 `;
diff --git a/FE/error/src/components/SideBar/GroupFilter.jsx b/FE/error/src/components/SideBar/GroupFilter.jsx