diff --git a/src/images/UNIVERSITY CONCERT2.svg b/src/images/UNIVERSITY CONCERT2.svg new file mode 100644 index 0000000..8eea539 --- /dev/null +++ b/src/images/UNIVERSITY CONCERT2.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/pages/Main.js b/src/pages/Main.js index 2025586..6b0a9d4 100644 --- a/src/pages/Main.js +++ b/src/pages/Main.js @@ -1,15 +1,15 @@ -import React, {useState, useEffect} from 'react'; -import {useNavigate} from 'react-router-dom'; -import styled from 'styled-components'; -import axios from 'axios'; +import React, { useState, useEffect } from "react"; +import { useNavigate } from "react-router-dom"; +import styled from "styled-components"; +import axios from "axios"; -import Slide from '../components/Main/Slide'; +import Slide from "../components/Main/Slide"; //img -import logo from '../images/UNIVERSITY CONCERT.svg'; -import search from '../images/Search.svg'; +import logo from "../images/UNIVERSITY CONCERT2.svg"; +import search from "../images/Search.svg"; -import {useAuth} from '../contexts/AuthContext'; +import { useAuth } from "../contexts/AuthContext"; const Main = (props) => { const { @@ -25,13 +25,13 @@ const Main = (props) => { const handleSearch = () => { if (searchKeyword) { - navigate('/search'); - setSearchKeyword(''); + navigate("/search"); + setSearchKeyword(""); } }; //추천 행사 - const {BASE_URL} = useAuth(); + const { BASE_URL } = useAuth(); useEffect(() => { getPosts(); @@ -46,7 +46,7 @@ const Main = (props) => { console.log(response.data.data); }) .catch((error) => { - console.error('추천 행사들을 불러오는 중 오류가 발생했습니다.', error); + console.error("추천 행사들을 불러오는 중 오류가 발생했습니다.", error); }); }; @@ -56,14 +56,14 @@ const Main = (props) => { - + 신촌 지역 대학교 동아리 공연을 한눈에 ! - - navigate('/write')}> + + navigate("/write")}> 공연 등록하러 가기 - navigate('/post')}> + navigate("/post")}> 공연 구경하러 가기 @@ -72,7 +72,7 @@ const Main = (props) => { 보고 싶은 공연이 있나요? setSearchKeyword(e.target.value)} /> @@ -141,7 +141,10 @@ const Header = styled.div` display: flex; flex-direction: column; align-items: center; - + img { + position: relative; + z-index: 999; + } div { display: flex; flex-direction: row;