yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿
feat: Replace img tags with Image component across multiple files for improved performance and consistency
+22
-7
+1
-1
apps/web/src/components/Account/Details.tsx
+1
-1
apps/web/src/components/Account/Details.tsx
+4
-1
apps/web/src/components/Groups/Sidebar/Create/Success.tsx
+4
-1
apps/web/src/components/Groups/Sidebar/Create/Success.tsx
···
1
1
import { STATIC_IMAGES_URL } from "@hey/data/constants";
2
2
import { H4 } from "@hey/ui";
3
+
import Image from "next/image";
3
4
import { useRouter } from "next/router";
4
5
import { useEffect } from "react";
5
6
import { useCreateGroupStore } from "./CreateGroup";
···
25
26
Welcome to decentralised social where everything is sooooooooooooo much
26
27
better! 🎉
27
28
</div>
28
-
<img
29
+
<Image
29
30
alt="Dizzy emoji"
30
31
className="mx-auto mt-8 size-14"
31
32
src={`${STATIC_IMAGES_URL}/emojis/dizzy.png`}
33
+
height={56}
34
+
width={56}
32
35
/>
33
36
<i className="ld-text-gray-500 mt-8">
34
37
We are taking you to your group...
+4
-1
apps/web/src/components/Home/Sidebar/Gitcoin.tsx
+4
-1
apps/web/src/components/Home/Sidebar/Gitcoin.tsx
···
2
2
import { rubikMonoOneFont } from "@/helpers/fonts";
3
3
import { APP_NAME, APP_URL, STATIC_IMAGES_URL } from "@hey/data/constants";
4
4
import { Button, Card } from "@hey/ui";
5
+
import Image from "next/image";
5
6
import Link from "next/link";
6
7
7
8
const Gitcoin = () => {
···
10
11
as="aside"
11
12
className="!border-[#3D614D] !bg-[#3D614D]/10 mb-4 space-y-4 p-5 text-[#3D614D] dark:bg-[#3D614D]/50"
12
13
>
13
-
<img
14
+
<Image
14
15
alt="Gitcoin emoji"
15
16
className="mx-auto h-20"
16
17
src={`${STATIC_IMAGES_URL}/brands/gitcoin.svg`}
18
+
height={80}
19
+
width={80}
17
20
/>
18
21
<div className="space-y-3 text-center">
19
22
<b>Support {APP_NAME} on Gitcoin Grants Round 22</b>
+4
-1
apps/web/src/components/Settings/Preferences/AppIcon.tsx
+4
-1
apps/web/src/components/Settings/Preferences/AppIcon.tsx
···
8
8
import { Events } from "@hey/data/events";
9
9
import { Card, CardHeader, Tooltip } from "@hey/ui";
10
10
import { useMutation } from "@tanstack/react-query";
11
+
import Image from "next/image";
11
12
import toast from "react-hot-toast";
12
13
13
14
const icons = [
···
49
50
onClick={() => mutate({ appIcon: icon.id })}
50
51
type="button"
51
52
>
52
-
<img
53
+
<Image
53
54
alt={icon.name}
54
55
className="size-10"
55
56
src={`${STATIC_IMAGES_URL}/app-icon/${icon.id}.png`}
57
+
height={40}
58
+
width={40}
56
59
/>
57
60
{icon.id === appIcon ? (
58
61
<CheckCircleIconSolid className="size-5 text-green-500" />