binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: replace nextjs Image element (#1227)

Browse source
This commit is contained in:
Aaryan Khandelwal 2023-06-07 01:56:21 +05:30 • committed by GitHub
parent 1f3fdd5d0a
commit 684df96969
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
25 changed files with 121 additions and 186 deletions
Download patch file Download diff file Expand all files Collapse all files

17
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/control.tsx
View file

@ -1,7 +1,6 @@
import React, { useEffect } from "react";
import { useRouter } from "next/router";
import Image from "next/image";
import useSWR, { mutate } from "swr";
@ -138,12 +137,10 @@ const ControlSettings: NextPage = () => {
<div className="flex items-center gap-2">
{person.member.avatar && person.member.avatar !== "" ? (
<div className="relative h-4 w-4">
<Image
<img
src={person.member.avatar}
alt="avatar"
className="rounded-full"
layout="fill"
objectFit="cover"
className="absolute top-0 left-0 h-full w-full object-cover rounded-full"
alt="User Avatar"
/>
</div>
) : (
@ -201,12 +198,10 @@ const ControlSettings: NextPage = () => {
<div className="flex items-center gap-2">
{person.member.avatar && person.member.avatar !== "" ? (
<div className="relative h-4 w-4">
<Image
<img
src={person.member.avatar}
alt="avatar"
className="rounded-full"
layout="fill"
objectFit="cover"
className="absolute top-0 left-0 h-full w-full object-cover rounded-full"
alt="User Avatar"
/>
</div>
) : (

7
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
View file

@ -1,6 +1,5 @@
import { useEffect, useState } from "react";
import Image from "next/image";
import { useRouter } from "next/router";
import useSWR, { mutate } from "swr";
@ -256,12 +255,10 @@ const GeneralSettings: NextPage = () => {
{watch("cover_image") ? (
<div className="h-32 w-full rounded border border-brand-base p-1">
<div className="relative h-full w-full rounded">
<Image
<img
src={watch("cover_image")!}
className="absolute top-0 left-0 h-full w-full object-cover rounded"
alt={projectDetails?.name ?? "Cover image"}
objectFit="cover"
layout="fill"
className="rounded"
/>
<div className="absolute bottom-0 flex w-full justify-end">
<ImagePickerPopover

7
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx
View file

@ -1,6 +1,5 @@
import { useState } from "react";
import Image from "next/image";
import { useRouter } from "next/router";
import useSWR from "swr";
@ -177,12 +176,10 @@ const MembersSettings: NextPage = () => {
<div className="flex items-center gap-x-6 gap-y-2">
<div className="relative flex h-10 w-10 items-center justify-center rounded-lg bg-gray-700 p-4 capitalize text-white">
{member.avatar && member.avatar !== "" ? (
<Image
<img
src={member.avatar}
alt={member.first_name}
layout="fill"
objectFit="cover"
className="rounded-lg"
className="absolute top-0 left-0 h-full w-full object-cover rounded-lg"
/>
) : member.first_name !== "" ? (
member.first_name.charAt(0)