The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
rename overview link component
+20
-17
+4
-4
app/dashboard/[guildId]/greeting/page.tsx
+4
-4
app/dashboard/[guildId]/greeting/page.tsx
···
3
3
4
4
import { guildStore } from "@/common/guilds";
5
5
6
-
import OverviewLinkComponent from "../../../../components/OverviewLinkComponent";
6
+
import { OverviewLink } from "../../../../components/overview-link";
7
7
8
8
export default function Home() {
9
9
const guild = guildStore((g) => g);
···
12
12
<div>
13
13
14
14
<div className="w-full md:flex gap-3">
15
-
<OverviewLinkComponent
15
+
<OverviewLink
16
16
className="md:w-2/3"
17
17
title="Welcome greeting"
18
18
message="Customize the welcome experience for new joining users."
19
19
url={`/dashboard/${guild?.id}/greeting/welcome`}
20
20
icon={<HiUserAdd />}
21
21
/>
22
-
<OverviewLinkComponent
22
+
<OverviewLink
23
23
className="md:w-1/3"
24
24
title="Passport"
25
25
message="Verify joining users with a CAPTCHA."
···
28
28
/>
29
29
</div>
30
30
31
-
<OverviewLinkComponent
31
+
<OverviewLink
32
32
title="Farewell message"
33
33
message="Manage the message that gets send if a member leaves."
34
34
url={`/dashboard/${guild?.id}/greeting/farewell`}
+2
-2
app/dashboard/[guildId]/greeting/passport/page.tsx
+2
-2
app/dashboard/[guildId]/greeting/passport/page.tsx
···
11
11
import SelectInput from "@/components/inputs/select-menu";
12
12
import Switch from "@/components/inputs/switch";
13
13
import Notice from "@/components/notice";
14
-
import OverviewLinkComponent from "@/components/OverviewLinkComponent";
14
+
import { OverviewLink } from "@/components/overview-link";
15
15
import { ApiV1GuildsModulesPassportGetResponse, RouteErrorResponse } from "@/typings";
16
16
import { getCanonicalUrl } from "@/utils/urls";
17
17
···
207
207
</div>
208
208
</div>
209
209
210
-
<OverviewLinkComponent
210
+
<OverviewLink
211
211
className="mt-8"
212
212
title="View Passport"
213
213
message="Easily verify your members with a simple and secure CAPTCHA in the web."
+2
-2
app/dashboard/[guildId]/leaderboards/page.tsx
+2
-2
app/dashboard/[guildId]/leaderboards/page.tsx
···
16
16
import SadWumpusPic from "@/public/sad-wumpus.gif";
17
17
import { ApiV1GuildsModulesLeaderboardGetResponse } from "@/typings";
18
18
19
-
import OverviewLinkComponent from "../../../../components/OverviewLinkComponent";
19
+
import { OverviewLink } from "../../../../components/overview-link";
20
20
import Permissions from "./permissions.component";
21
21
import ResetLeaderboard from "./reset.component";
22
22
import UpdatingLeaderboardCard from "./updating.component";
···
64
64
65
65
<div className="flex flex-col-reverse md:flex-row gap-6">
66
66
<div>
67
-
<OverviewLinkComponent
68
67
title="View Leaderboard"
69
68
message="Easily access and view the top chatters, voice timers, and inviters from this server in the web."
70
69
url={`/leaderboard/${params.guildId}`}
···
130
129
<Permissions
131
130
className="w-full md:w-1/3 lg:w-1/4 shrink-0"
132
131
guild={guild}
132
+
<OverviewLink
133
133
/>
134
134
135
135
</div>
+2
-2
app/dashboard/[guildId]/page.tsx
+2
-2
app/dashboard/[guildId]/page.tsx
···
13
13
import Switch from "@/components/inputs/switch";
14
14
import { Section } from "@/components/section";
15
15
16
-
import OverviewLinkComponent from "../../../components/OverviewLinkComponent";
16
+
import { OverviewLink } from "../../../components/overview-link";
17
17
import FollowUpdates from "../updates.component";
18
18
19
19
export default function Home() {
···
25
25
return (
26
26
<div>
27
27
28
-
<OverviewLinkComponent
29
28
title="View Leaderboard"
30
29
message="Easily access and view the top chatters, voice timers, and inviters from this server in the web."
31
30
url={`/leaderboard/${params.guildId}`}
···
134
133
135
134
</div>
136
135
);
136
+
<OverviewLink
137
137
}
+2
-2
app/passport/[guildId]/page.tsx
+2
-2
app/passport/[guildId]/page.tsx
···
7
7
import ImageReduceMotion from "@/components/image-reduce-motion";
8
8
import { ListFeature } from "@/components/list";
9
9
import Notice, { NoticeType } from "@/components/notice";
10
-
import OverviewLinkComponent from "@/components/OverviewLinkComponent";
10
+
import { OverviewLink } from "@/components/overview-link";
11
11
import { ServerButton } from "@/components/server-button";
12
12
import { getGuild } from "@/lib/api";
13
13
import paintPic from "@/public/paint.webp";
···
182
182
<div className="mt-4 text-sm text-neutral-500">*We actually have no idea what to put here</div>
183
183
</div>
184
184
185
-
<OverviewLinkComponent
185
+
<OverviewLink
186
186
className="mt-6"
187
187
title="View Leaderboard"
188
188
message="Easily access and view the top chatters, voice timers, and inviters from this server."
+8
-5
components/OverviewLinkComponent.tsx
components/overview-link.tsx
+8
-5
components/OverviewLinkComponent.tsx
components/overview-link.tsx
···
1
1
import Link from "next/link";
2
-
import { FunctionComponent } from "react";
3
2
import { HiArrowRight } from "react-icons/hi";
4
3
5
4
interface Props {
···
10
9
icon: React.ReactNode;
11
10
}
12
11
13
-
const OverviewLinkComponent: FunctionComponent<Props> = ({ title, message, url, className, icon }) => {
12
+
export function OverviewLink({
13
+
title,
14
+
message,
15
+
url,
16
+
className,
17
+
icon
18
+
}: Props) {
14
19
return (
15
20
<div className={className}>
16
21
<Link href={url}>
···
34
39
</Link>
35
40
</div>
36
41
);
37
-
};
38
-
39
-
export default OverviewLinkComponent;
42
+
}