Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,10 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/src/assets/Logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:title" content="KU-key" />
<meta property="og:description" content="KU Exchange Students' Key to School Life" />
<meta property="og:image" content="https://ku-key.devkor.club/images/devkor_og_image.jpeg" />
<meta property="og:url" content="https://ku-key.devkor.club" />
<title>KU-key</title>
</head>
<body>
Expand Down
Binary file added public/images/ku-key_og_image.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 1 addition & 14 deletions src/features/Club/components/SearchForm/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,9 @@ import { USER_AUTH_MESSAGE } from '@/lib/messages/common'
import { ClubSearchParams } from '@/types/club'
import Input from '@/ui/Input'
import { useAuth } from '@/util/auth/useAuth'
import { useMediaQueryByName } from '@/util/hooks/useMediaQueryByName'
import { useQueryParams } from '@/util/hooks/useQueryParams'

const SearchForm = () => {
const isMobile = useMediaQueryByName('smDown')
const isLogin = useAuth().authState

const [param, setParam] = useQueryParams<ClubSearchParams>()
Expand Down Expand Up @@ -44,20 +42,9 @@ const SearchForm = () => {
else toast.custom(() => <Toast message={USER_AUTH_MESSAGE.REQUIRE_LOGIN} type="error" />)
}

const clearSearchInput = () => {
setInput('')
setParam({ keyword: undefined })
}

return (
<form className={s.FormWrapper} onSubmit={onSubmit}>
<Input
variant={'search'}
placeholder="Search For a Club"
value={input}
onChange={onChange}
clearInput={isMobile ? undefined : clearSearchInput}
/>
<Input variant={'search'} placeholder="Search For a Club" value={input} onChange={onChange} />
<Responsive
mobile={<MobileCategorySelector curCategory={param.category} />}
desktop={
Expand Down
14 changes: 8 additions & 6 deletions src/pages/ClubPage/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,14 @@ const ClubPage = () => {
description="Meet the various clubs at Korea University! Find out what clubs there are and what each club's characteristics are."
keywords="club, clubs"
/>
<div
className={s.Banner}
style={{ backgroundImage: `url(${import.meta.env.VITE_API_AWS_S3_BUCKET}/fe/home/clubBanner.webp)` }}
>
Club
</div>
{!isDesktop && (
<div
className={s.Banner}
style={{ backgroundImage: `url(${import.meta.env.VITE_API_AWS_S3_BUCKET}/fe/home/clubBanner.webp)` }}
>
Club
</div>
)}
<div className={s.ContentsWrapper}>
<div className={s.Contents}>
<SearchForm />
Expand Down
19 changes: 2 additions & 17 deletions src/pages/ClubPage/style.css.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,30 +7,15 @@ export const Banner = style([
f.flex,
f.alignCenter,
{
height: '25rem',
backgroundPosition: 'center',
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat',
fontSize: '4rem',
fontWeight: 700,
color: vars.color.white,
padding: '0 14.375rem',
},
f.lgDown({
height: '18.75rem',
fontSize: '3rem',
padding: '0 5rem',
}),
f.mdDown({
height: '12.5rem',
fontSize: '2rem',
padding: '0 3.125rem',
}),
f.smDown({
height: '9.375rem',
fontSize: '1.5rem',
padding: '0 1.875rem',
}),
},
])

export const ContentsWrapper = style([
Expand All @@ -39,7 +24,7 @@ export const ContentsWrapper = style([
f.alignCenter,
f.wFull,
{
padding: '7.5rem 0.625rem',
padding: '3rem 0.625rem',
backgroundColor: vars.color.white,
},
f.smDown({
Expand Down