Skip to content

Commit

Permalink
chore: use self-closing tag for divs
Browse files Browse the repository at this point in the history
  • Loading branch information
@phoenixpereira
phoenixpereira committed Feb 24, 2024
1 parent 3041225 commit 06cf029
Show file tree
Hide file tree
Showing 10 changed files with 20 additions and 20 deletions.
4 changes: 2 additions & 2 deletions src/app/(account)/join/steps/StepOne.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -159,9 +159,9 @@ export default function StepOne() {
</Button>

<div className="my-6 mt-10 flex items-center justify-center">
<div className="w-full border-t border-grey"></div>
<div className="w-full border-t border-grey" />
<p className="mx-4 text-grey">or</p>
<div className="w-full border-t border-grey"></div>
<div className="w-full border-t border-grey" />
</div>

<form onSubmit={handleSignUp}>
Expand Down
2 changes: 1 addition & 1 deletion src/app/(account)/settings/Sidebar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ export default function Sidebar({ currentTab, onTabChange }: SidebarProps) {
/>
))}
</div>
<div className="my-4 border-b-2 border-grey md:my-0 md:mr-4 md:border-r-2"></div>
<div className="my-4 border-b-2 border-grey md:my-0 md:mr-4 md:border-r-2" />
</div>
);
}
8 changes: 4 additions & 4 deletions src/app/(account)/settings/tabs/AccountSettings.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ export default function AccountSettings({
Membership Status: <span className="text-orange">Payment Required</span>
</h2>

<div className="mb-6 border-b-2 border-black"></div>
<div className="mb-6 border-b-2 border-black" />
<p>
Finalise your membership by{' '}
<span
Expand All @@ -78,7 +78,7 @@ export default function AccountSettings({
)}
<form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-4">
<h2 className="text-2xl font-bold">Change Email</h2>
<div className="mb-2 border-b-2 border-black"></div>
<div className="mb-2 border-b-2 border-black" />
<p className="font-bold">Email address</p>
<input
type="email"
Expand All @@ -93,7 +93,7 @@ export default function AccountSettings({
</form>
<form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-4">
<h2 className="text-2xl font-bold">Change Password</h2>
<div className="mb-2 border-b-2 border-black"></div>
<div className="mb-2 border-b-2 border-black" />
<div className="flex flex-col gap-2">
<label htmlFor="oldPassword" className="font-bold">
Old Password
Expand Down Expand Up @@ -139,7 +139,7 @@ export default function AccountSettings({
</form>
<form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-4">
<h2 className="text-2xl font-bold">Change Linked Google Account</h2>
<div className="mb-2 border-b-2 border-black"></div>
<div className="mb-2 border-b-2 border-black" />
<p className="font-bold">Link Status: </p>
</form>
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/app/(account)/settings/tabs/MembershipSettings.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ export default function MembershipSettings({
{payment.paid ? 'Paid' : 'Payment Required'}
</span>
</h2>
<div className="mb-6 border-b-2 border-black"></div>
<div className="mb-6 border-b-2 border-black" />
{payment.paid ? (
<p>
You are a CS Club member! Your membership expires on{' '}
Expand All @@ -51,7 +51,7 @@ export default function MembershipSettings({
.
</p>
<h2 className="mt-8 text-2xl font-bold">Pay Membership Fee</h2>
<div className="mb-6 border-b-2 border-black"></div>
<div className="mb-6 border-b-2 border-black" />
<Button
type="submit"
colour="orange"
Expand Down
2 changes: 1 addition & 1 deletion src/app/(account)/settings/tabs/NotificationsSettings.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export default function NotificationsSettings() {
<div className="relative flex w-full flex-col gap-10">
<div>
<h2 className="text-2xl font-bold">Change Email Notification Settings</h2>
<div className="mb-2 border-b-2 border-black"></div>
<div className="mb-2 border-b-2 border-black" />
</div>
<div className="items-left flex flex-col gap-4 md:flex-row">
<h2 className="text-lg font-semibold">Enable Email Notifications</h2>
Expand Down
2 changes: 1 addition & 1 deletion src/app/(account)/settings/tabs/PersonalInfoSettings.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ export default function PersonalInfoSettings() {
return (
<form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-4">
<h2 className="text-2xl font-bold">Change Personal Info</h2>
<div className="mb-2 border-b-2 border-black"></div>
<div className="mb-2 border-b-2 border-black" />
<ControlledField label="First Name" name="firstName" control={control} type="text" />
<ControlledField label="Last Name" name="lastName" control={control} type="text" />
<ControlledField
Expand Down
4 changes: 2 additions & 2 deletions src/app/(account)/signin/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -109,9 +109,9 @@ export default function SignInPage() {
</Button>

<div className="my-6 mt-10 flex items-center justify-center">
<div className="w-full border-t border-grey"></div>
<div className="w-full border-t border-grey" />
<p className="mx-4 text-grey">or</p>
<div className="w-full border-t border-grey"></div>
<div className="w-full border-t border-grey" />
</div>
<form onSubmit={handleSignIn}>
<ControlledField label="Email" control={form.control} name="email" />
Expand Down
10 changes: 5 additions & 5 deletions src/app/(home)/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,14 +27,14 @@ export default function HomePage() {

<div className="relative z-10">
<h1 className="text-5xl md:text-8xl">LEARN,</h1>
<div className="h-2"></div>
<div className="h-2" />
<h1 className="text-5xl md:text-8xl">SOCIALISE,</h1>
<div className="h-2"></div>
<div className="h-2" />

<Title colour="yellow" font="font-black">
CODE.
</Title>
<div className="h-4 md:h-8"></div>
<div className="h-4 md:h-8" />
<FancyRectangle colour="orange" offset="8" filled={false}>
<div className="w-fit bg-orange px-2 py-2">
<h2 className="text-xl md:text-3xl">Computer Science Club</h2>
Expand Down Expand Up @@ -232,7 +232,7 @@ export default function HomePage() {

{/* CTA part 2 */}
<section className="mb-[1em] lg:mb-[6em] xl:mb-[10em]">
<div className="h-24"></div>
<div className="h-24" />
<div className="mb-[3em] md:mb-[8em] lg:mb-[6em]">
{/* <Grid /> */}
<Image
Expand All @@ -254,7 +254,7 @@ export default function HomePage() {
<Duck colour="white" />
</div>
<div className="relative z-10 flex flex-row">
<div className="h-auto w-16 bg-orange"></div>
<div className="h-auto w-16 bg-orange" />
<div className="relative flex flex-col">
<span className="relative bg-white py-8 pl-4 pr-16 text-3xl font-black text-black lg:pr-32 lg:text-6xl">
Thinking about <span className="text-orange">Joining?</span>
Expand Down
2 changes: 1 addition & 1 deletion src/app/about/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -267,7 +267,7 @@ export default function AboutPage() {
<h2 className="text-4xl font-bold text-grey md:text-5xl">FAQ</h2>
</div>
</FancyRectangle>
<div className="mt-8"></div>
<div className="mt-8" />
<div className="flex flex-col gap-x-16 gap-y-8 lg:flex-row">
{/* FAQ */}
<div className="mb-8 mr-2 flex flex-col justify-items-center gap-12 lg:w-full">
Expand Down
2 changes: 1 addition & 1 deletion src/components/FancyRectangle.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ const FancyRectangle = ({
className={`absolute bottom-0 right-0 h-full w-full ${
filled ? BG_COLOURS[colour] : BORDER_COLOURS[colour]
} ${rounded ? 'rounded-xl' : ''}`}
></div>
/>
<div className="relative z-10 flex h-full w-full items-center justify-center">
{children}
</div>
Expand Down

0 comments on commit 06cf029

Please sign in to comment.