From b44e3356dbb63ebc11ae5a9ff2a348cd3c2a955f Mon Sep 17 00:00:00 2001 From: Val <44112412+LawfaL@users.noreply.github.com> Date: Thu, 13 Feb 2025 01:35:57 +0700 Subject: [PATCH] fix: eslint --- eslint.config.mjs | 3 +- src/app/(main)/page.tsx | 3 +- src/app/(main)/slick-about-dark/page.tsx | 5 - src/app/(main)/slick-portfolio/page.tsx | 40 ++---- src/app/(main)/slick-services/page.tsx | 93 ++++--------- src/components/Blocks/GoogleReviews/index.tsx | 6 +- src/components/Blocks/OurTeam/index.tsx | 26 +--- src/components/Blogs/Blog.tsx | 1 - src/components/Facts.tsx | 2 - src/components/Hero.tsx | 23 +--- src/components/Homepage.tsx | 17 +-- src/components/{Stars => Modal.tsx} | 0 src/components/Team.tsx | 125 +++--------------- src/components/Teams/CardTeam.tsx | 47 +++++-- src/migrations/20250212_164255_cannonical.ts | 10 +- src/payload-types.ts | 54 -------- src/services/payload/page.ts | 3 - src/utils/parallax.ts | 4 +- 18 files changed, 107 insertions(+), 355 deletions(-) rename src/components/{Stars => Modal.tsx} (100%) diff --git a/eslint.config.mjs b/eslint.config.mjs index 93fe29e..6763a8c 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -13,10 +13,9 @@ const eslintConfig = [ ...compat.extends("next/core-web-vitals", "next/typescript"), { rules: { - "@typescript-eslint/no-unused-vars": "warn", "@typescript-eslint/no-explicit-any": "off", "@typescript-eslint/ban-ts-comment": "off", - "@next/next/no-html-link-for-pages": "off" + "@next/next/no-html-link-for-pages": "off", }, }, ]; diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx index 99965dc..78a1fdf 100644 --- a/src/app/(main)/page.tsx +++ b/src/app/(main)/page.tsx @@ -1,6 +1,6 @@ -import Blogs from "@/components/Blogs/Blogs"; import Parallax from "./home-bg-video/page"; import Homepage from "@/components/Homepage"; +import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter"; export const metadata = { title: "HomePage - Cochise Oncology", @@ -30,6 +30,7 @@ export default function Home() { <> + ); } diff --git a/src/app/(main)/slick-about-dark/page.tsx b/src/app/(main)/slick-about-dark/page.tsx index 8f2a5e5..9d08c57 100644 --- a/src/app/(main)/slick-about-dark/page.tsx +++ b/src/app/(main)/slick-about-dark/page.tsx @@ -1,9 +1,4 @@ -import Facts from "@/components/Facts"; -import Testimonials from "@/components/Testimonials"; -import TestimonialsDark from "@/components/TestimonialsDark"; -import { features4 } from "@/data/features"; import Image from "next/image"; -import Link from "next/link"; export const metadata = { title: "Slick About Dark || Resonance — One & Multi Page React Nextjs Creative Template", diff --git a/src/app/(main)/slick-portfolio/page.tsx b/src/app/(main)/slick-portfolio/page.tsx index 11efe50..0f7e8e3 100644 --- a/src/app/(main)/slick-portfolio/page.tsx +++ b/src/app/(main)/slick-portfolio/page.tsx @@ -4,28 +4,17 @@ import Image from "next/image"; import Link from "next/link"; export const metadata = { - title: - "Slick Portfolio || Resonance — One & Multi Page React Nextjs Creative Template", - description: - "Resonance — One & Multi Page React Nextjs Creative Template", + title: "Slick Portfolio || Resonance — One & Multi Page React Nextjs Creative Template", + description: "Resonance — One & Multi Page React Nextjs Creative Template", }; -const onePage = false; const dark = false; export default function SlickPortfolioPage() { return ( <> -
+
{/* */}
- +
{/* */} @@ -34,22 +23,14 @@ export default function SlickPortfolioPage() {

Portfolio

-

+

Explore captivating web design solutions.

-
+
@@ -70,13 +51,10 @@ export default function SlickPortfolioPage() {
-

- Like our creative works? -

+

Like our creative works?

- Quisque posuere mollis ullamcorper. Ut eget metus lorem - ipsum posuere eget at ex. Aenean consequat vitae lorem in - vehicula. + Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat + vitae lorem in vehicula.

diff --git a/src/app/(main)/slick-services/page.tsx b/src/app/(main)/slick-services/page.tsx index de96ae9..eddefe9 100644 --- a/src/app/(main)/slick-services/page.tsx +++ b/src/app/(main)/slick-services/page.tsx @@ -5,28 +5,18 @@ import Image from "next/image"; import Link from "next/link"; export const metadata = { - title: - "Slick Services || Resonance — One & Multi Page React Nextjs Creative Template", - description: - "Resonance — One & Multi Page React Nextjs Creative Template", + title: "Slick Services || Resonance — One & Multi Page React Nextjs Creative Template", + description: "Resonance — One & Multi Page React Nextjs Creative Template", }; -const onePage = false; + const dark = false; export default function SlickServicesPage() { return ( <> -
+
{/* */}
- +
{/* */} @@ -35,35 +25,22 @@ export default function SlickServicesPage() {

Our Services

-

+

Web design that leaves an impression.

-
+
{/* Left Column */}
-

- WHAT WE DO -

-

- We provide the best development solutions. -

+

WHAT WE DO

+

We provide the best development solutions.

- The power of design help us to solve complex problems and - cultivate business solutions. + The power of design help us to solve complex problems and cultivate business solutions.

-

- Why choose Resonance? -

+

Why choose Resonance?

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + dolore magna aliqua.

@@ -99,9 +74,7 @@ export default function SlickServicesPage() {
-
+
{/* Images */} @@ -155,32 +128,21 @@ export default function SlickServicesPage() { {/* End Images */} {/* Text */}
-
-

- How we work? -

+
+

How we work?

-

- Get the power of the professional services -

+

Get the power of the professional services

- Pellentesque ultrices purus sit amet velit eleifend, eu - iaculis velit malesuada. Proin id mattis elit. Nullam a nisi - tellus. Mauris rhoncus diam in sem maximus, nec luctus justo - imperdiet. Etiam fermentum vehicula faucibus. + Pellentesque ultrices purus sit amet velit eleifend, eu iaculis velit malesuada. Proin id mattis elit. + Nullam a nisi tellus. Mauris rhoncus diam in sem maximus, nec luctus justo imperdiet. Etiam fermentum + vehicula faucibus.

- Praesent ullamcorper urna id arcu molestie scelerisque. Sed - imperdiet tristique mauris et faucibus. Maecenas semper augue - non fringilla placerat. Curabitur luctus erat sit amet - ultricies aliquam. Donec dictum convallis mauris et maximus. - Nullam massa arcu, porta quis felis et, eleifend varius quam. + Praesent ullamcorper urna id arcu molestie scelerisque. Sed imperdiet tristique mauris et faucibus. + Maecenas semper augue non fringilla placerat. Curabitur luctus erat sit amet ultricies aliquam. Donec + dictum convallis mauris et maximus. Nullam massa arcu, porta quis felis et, eleifend varius quam.

@@ -204,13 +166,10 @@ export default function SlickServicesPage() {
-

- Like our creative works? -

+

Like our creative works?

- Quisque posuere mollis ullamcorper. Ut eget metus lorem - ipsum posuere eget at ex. Aenean consequat vitae lorem in - vehicula. + Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat + vitae lorem in vehicula.

diff --git a/src/components/Blocks/GoogleReviews/index.tsx b/src/components/Blocks/GoogleReviews/index.tsx index 1100d59..8880d36 100644 --- a/src/components/Blocks/GoogleReviews/index.tsx +++ b/src/components/Blocks/GoogleReviews/index.tsx @@ -64,13 +64,13 @@ export function GoogleReviewsBlock() {
-

Reviews

+

Reviews

-

4.8

+

4.8

-
Over 200 Reviews
+
Over 200 Reviews
- {/* Decoration Circles */} -
-
- {/* End Decoration Circles */} -
-

Our Team

-
- {team.map((member, idx) => ( - - ))} -
-
-
- ); + return ; } diff --git a/src/components/Blogs/Blog.tsx b/src/components/Blogs/Blog.tsx index 781779d..809e60f 100644 --- a/src/components/Blogs/Blog.tsx +++ b/src/components/Blogs/Blog.tsx @@ -1,4 +1,3 @@ -import { blogs9 } from "@/data/blogs"; import React from "react"; import Image from "next/image"; import Link from "next/link"; diff --git a/src/components/Facts.tsx b/src/components/Facts.tsx index 7f4f920..c20d942 100644 --- a/src/components/Facts.tsx +++ b/src/components/Facts.tsx @@ -1,6 +1,4 @@ -import { numbers } from "@/data/facts"; import { features5 } from "@/data/features"; -import { services5 } from "@/data/services"; import React from "react"; export default function Facts() { diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index dea36c5..79332a4 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -1,32 +1,11 @@ "use client"; -import { useRef, useState } from "react"; +import { useRef } from "react"; import Link from "next/link"; export default function Hero6() { const videoRef = useRef(null); - const [isPlaying, setIsPlaying] = useState(true); - const [isMuted, setIsMuted] = useState(true); - const togglePlayPause = () => { - if (isPlaying) { - videoRef.current.pause(); - setIsPlaying(false); - } else { - videoRef.current.play(); - setIsPlaying(true); - } - }; - - const toggleMuteUnmute = () => { - if (isMuted) { - videoRef.current.muted = false; - setIsMuted(false); - } else { - videoRef.current.muted = true; - setIsMuted(true); - } - }; return (
diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx index 0865447..9a0082a 100644 --- a/src/components/Homepage.tsx +++ b/src/components/Homepage.tsx @@ -1,10 +1,9 @@ import { features4 } from "@/data/features"; import Image from "next/image"; import Link from "next/link"; -import Blog from "./Blogs/Blog"; import Cta3 from "./cta3"; -import Facts from "./Facts"; import Service from "./Service"; +import { GoogleReviewsBlock } from "./Blocks/GoogleReviews"; export default function homepage({ onePage = false, dark = false }) { return ( @@ -100,13 +99,9 @@ export default function homepage({ onePage = false, dark = false }) {
-

Why choose Cochise Oncology?

-

- Here at Cochise Oncology we offer the most up-to-date technology in cancer treatment that rivals the largest - and most prestigious centers in the country. -

+

Testimonials

- +
@@ -157,12 +152,6 @@ export default function homepage({ onePage = false, dark = false }) {
-
-
- -
- -
); } diff --git a/src/components/Stars b/src/components/Modal.tsx similarity index 100% rename from src/components/Stars rename to src/components/Modal.tsx diff --git a/src/components/Team.tsx b/src/components/Team.tsx index d4b476e..c8b6d57 100644 --- a/src/components/Team.tsx +++ b/src/components/Team.tsx @@ -1,113 +1,28 @@ "use client"; -import { Swiper, SwiperSlide } from "swiper/react"; -import { Navigation } from "swiper/modules"; -import { teamMembers } from "@/data/team"; -import Image from "next/image"; +import { CardTeam } from "./Teams/CardTeam"; -export default function Team() { +export default function Team({ data }: any) { return ( -
-
- {/* Quote */} -
-

Our Teams

-
- -

Our goal is to spend quality time with every patient

-
-
- Cecilia Hirales -
Clinical Director, Co-founder
-
-
-
- {/* End Quote */} - {/* Team Carousel */} -
-
- - {/* Team item */} - {teamMembers.map((member, index) => ( - -
-
-
- Image Description -
-
- {member.socials.map((social, socialIndex) => ( - -
{social.platform}
- - - ))} -
-
-
-
-
{member.name}
-
{member.role}
-
-
-
- - ))} -
-
-
- -
-
- -
-
-
-
- Previous Slide - -
-
- Next Slide - -
-
-
- {/* End Team item */} - +
+
+
+

+ Our Team + . +

+
+ The same color can evoke different emotions, or have various meanings to different individuals and cultures.
- {/* End Team Carousel */} +
+
+ {/* Team item */} + {data.map((member: any, index: any) => ( +
+ +
+ ))} + {/* End Team item */}
); diff --git a/src/components/Teams/CardTeam.tsx b/src/components/Teams/CardTeam.tsx index 75d5ccc..18ca208 100644 --- a/src/components/Teams/CardTeam.tsx +++ b/src/components/Teams/CardTeam.tsx @@ -1,27 +1,46 @@ +"use client"; import Image from "next/image"; - export interface CardTeamProps { data: { name: string; role: string; - img: string; + img: { url: string }; }; } export function CardTeam({ data }: CardTeamProps) { return ( -
- {data.name} -

{data.name}

-

{data.role}

- +
+
+
+ {`Image +
+
+ {[ + { platform: "Facebook", icon: "fa-facebook-f", url: "#" }, + { platform: "Twitter", icon: "fa-twitter", url: "#" }, + { platform: "Pinterest", icon: "fa-pinterest-p", url: "#" }, + ].map((social, idx) => ( + +
{social.platform}
+ + + ))} +
+
+
+
+
{data.name}
+
{data.role}
+
+
); } diff --git a/src/migrations/20250212_164255_cannonical.ts b/src/migrations/20250212_164255_cannonical.ts index 2314cef..ae74ad9 100644 --- a/src/migrations/20250212_164255_cannonical.ts +++ b/src/migrations/20250212_164255_cannonical.ts @@ -1,6 +1,6 @@ -import { MigrateUpArgs, MigrateDownArgs, sql } from '@payloadcms/db-postgres' +import { MigrateUpArgs, MigrateDownArgs, sql } from "@payloadcms/db-postgres"; -export async function up({ db, payload, req }: MigrateUpArgs): Promise { +export async function up({ db }: MigrateUpArgs): Promise { await db.execute(sql` CREATE TYPE "public"."enum_forms_confirmation_type" AS ENUM('message', 'redirect'); CREATE TABLE IF NOT EXISTS "users" ( @@ -705,10 +705,10 @@ export async function up({ db, payload, req }: MigrateUpArgs): Promise { CREATE INDEX IF NOT EXISTS "payload_preferences_rels_path_idx" ON "payload_preferences_rels" USING btree ("path"); CREATE INDEX IF NOT EXISTS "payload_preferences_rels_users_id_idx" ON "payload_preferences_rels" USING btree ("users_id"); CREATE INDEX IF NOT EXISTS "payload_migrations_updated_at_idx" ON "payload_migrations" USING btree ("updated_at"); - CREATE INDEX IF NOT EXISTS "payload_migrations_created_at_idx" ON "payload_migrations" USING btree ("created_at");`) + CREATE INDEX IF NOT EXISTS "payload_migrations_created_at_idx" ON "payload_migrations" USING btree ("created_at");`); } -export async function down({ db, payload, req }: MigrateDownArgs): Promise { +export async function down({ db }: MigrateDownArgs): Promise { await db.execute(sql` DROP TABLE "users" CASCADE; DROP TABLE "media" CASCADE; @@ -743,5 +743,5 @@ export async function down({ db, payload, req }: MigrateDownArgs): Promise DROP TABLE "payload_preferences" CASCADE; DROP TABLE "payload_preferences_rels" CASCADE; DROP TABLE "payload_migrations" CASCADE; - DROP TYPE "public"."enum_forms_confirmation_type";`) + DROP TYPE "public"."enum_forms_confirmation_type";`); } diff --git a/src/payload-types.ts b/src/payload-types.ts index de40e14..450b276 100644 --- a/src/payload-types.ts +++ b/src/payload-types.ts @@ -6,60 +6,6 @@ * and re-run `payload generate:types` to regenerate this file. */ -/** - * Supported timezones in IANA format. - * - * This interface was referenced by `Config`'s JSON-Schema - * via the `definition` "supportedTimezones". - */ -export type SupportedTimezones = - | 'Pacific/Midway' - | 'Pacific/Niue' - | 'Pacific/Honolulu' - | 'Pacific/Rarotonga' - | 'America/Anchorage' - | 'Pacific/Gambier' - | 'America/Los_Angeles' - | 'America/Tijuana' - | 'America/Denver' - | 'America/Phoenix' - | 'America/Chicago' - | 'America/Guatemala' - | 'America/New_York' - | 'America/Bogota' - | 'America/Caracas' - | 'America/Santiago' - | 'America/Buenos_Aires' - | 'America/Sao_Paulo' - | 'Atlantic/South_Georgia' - | 'Atlantic/Azores' - | 'Atlantic/Cape_Verde' - | 'Europe/London' - | 'Europe/Berlin' - | 'Africa/Lagos' - | 'Europe/Athens' - | 'Africa/Cairo' - | 'Europe/Moscow' - | 'Asia/Riyadh' - | 'Asia/Dubai' - | 'Asia/Baku' - | 'Asia/Karachi' - | 'Asia/Tashkent' - | 'Asia/Calcutta' - | 'Asia/Dhaka' - | 'Asia/Almaty' - | 'Asia/Jakarta' - | 'Asia/Bangkok' - | 'Asia/Shanghai' - | 'Asia/Singapore' - | 'Asia/Tokyo' - | 'Asia/Seoul' - | 'Australia/Sydney' - | 'Pacific/Guam' - | 'Pacific/Noumea' - | 'Pacific/Auckland' - | 'Pacific/Fiji'; - export interface Config { auth: { users: UserAuthOperations; diff --git a/src/services/payload/page.ts b/src/services/payload/page.ts index b46ec12..583221d 100644 --- a/src/services/payload/page.ts +++ b/src/services/payload/page.ts @@ -1,10 +1,7 @@ import payloadConfig from "@/payload.config"; -import { draftMode } from "next/headers"; import { getPayload } from "payload"; export const fetchPageBySlug = async ({ slug }: { slug: string | undefined }) => { - const { isEnabled: draft } = await draftMode(); - const payload = await getPayload({ config: payloadConfig }); const result = await payload.find({ diff --git a/src/utils/parallax.ts b/src/utils/parallax.ts index ec38ace..e9d15e7 100644 --- a/src/utils/parallax.ts +++ b/src/utils/parallax.ts @@ -27,7 +27,7 @@ export const parallaxMouseMovement = () => { // }); }); - scene.addEventListener("mouseenter", function (e) { + scene.addEventListener("mouseenter", function () { this.querySelectorAll(".parallax-mousemove-follow").forEach((el) => { setTimeout(() => { el.style.transition = "all .27s var(--ease-out-short)"; @@ -36,7 +36,7 @@ export const parallaxMouseMovement = () => { }); }); - scene.addEventListener("mouseout", function (e) { + scene.addEventListener("mouseout", function () { this.querySelectorAll(".parallax-mousemove-follow").forEach((el) => { el.style.transition = "none"; });