This commit is contained in:
Philip Cheung 2024-10-08 14:58:04 +08:00
parent 2038336ba3
commit a583b8c5ad
10 changed files with 13 additions and 33 deletions

View File

@ -1,5 +1,5 @@
"use client" "use client"
import React, { useEffect, useState, lazy, Suspense } from 'react' import React, { useEffect, useState, Suspense } from 'react'
import Banner from './Banner' import Banner from './Banner'
import LongDesc from './LongDesc' import LongDesc from './LongDesc'
import CourseImagesSilder from './CourseImagesSilder' import CourseImagesSilder from './CourseImagesSilder'
@ -21,8 +21,6 @@ const Course = ({ course, settings }: { course: CoursesProps, settings: Settings
}; loadCourses(); }; loadCourses();
}, []); }, []);
const startLoading = () => setLoading(true);
const stopLoading = () => setLoading(false);
return ( return (

View File

@ -4,11 +4,11 @@ import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css"; import "slick-carousel/slick/slick-theme.css";
import Slider from "react-slick"; import Slider from "react-slick";
import './slick.css' import './slick.css'
import { CoursesProps, CoursesArrayProps } from "@/types"; import { CoursesProps } from "@/types";
import { IoIosArrowForward, IoIosArrowBack } from "react-icons/io"; import { IoIosArrowForward, IoIosArrowBack } from "react-icons/io";
const SamplePrevArrow = (props: any) => { const SamplePrevArrow = (props: any) => {
const { className, style, onClick } = props; const { onClick } = props;
return ( return (
<div <div
id='prev' id='prev'
@ -23,7 +23,7 @@ const SamplePrevArrow = (props: any) => {
function SampleNextArrow(props: any) { function SampleNextArrow(props: any) {
const { className, style, onClick } = props; const { onClick } = props;
return ( return (
<div <div
id='next' id='next'

View File

@ -1,14 +1,11 @@
"use client"; "use client";
import CustomButton from "./CustomButton";
import { useRef, useEffect, useState } from 'react'; import { CoursesProps } from "@/types";
import Image from 'next/image';
import { CoursesProps, CoursesArrayProps } from "@/types";
import CustomButtom from "./CustomButton";
import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css"; import "slick-carousel/slick/slick-theme.css";
import Slider from "react-slick"; import Slider from "react-slick";
import './slick.css' import './slick.css'
import { GoDot } from "react-icons/go";
//npm i --save-dev @types/react-slick //npm i --save-dev @types/react-slick

View File

@ -3,7 +3,7 @@ import Link from 'next/link'
import { FaFacebookF, FaYoutube } from "react-icons/fa"; import { FaFacebookF, FaYoutube } from "react-icons/fa";
import { RiInstagramFill } from "react-icons/ri"; import { RiInstagramFill } from "react-icons/ri";
import { SettingsProps } from '@/types'; import { SettingsProps } from '@/types';
import { IoMenu } from "react-icons/io5";
const Footer = ({ settings }: { settings: SettingsProps }) => { const Footer = ({ settings }: { settings: SettingsProps }) => {
return ( return (
<footer className="rounded-lg py-8"> <footer className="rounded-lg py-8">

View File

@ -1,10 +1,7 @@
"use client"; "use client";
import "animate.css/animate.compat.css" import "animate.css/animate.compat.css"
import ScrollAnimation from 'react-animate-on-scroll';
import { useRef, useEffect, useState } from 'react'; import { useRef, useEffect, useState } from 'react';
import TextGradientScroll from './TextGradientScrollContext';
import Image from 'next/image';
import CustomButton from "./CustomButton"; import CustomButton from "./CustomButton";
const Hero1 = () => { const Hero1 = () => {

View File

@ -1,8 +1,5 @@
"use client"; "use client";
import CustomButton from "./CustomButton"; import {SettingsProps } from "@/types";
import { useRef, useEffect, useState } from 'react';
import Image from 'next/image';
import { CoursesProps, SettingsProps } from "@/types";
function convertToEmbedLink(watchLink: string): string { function convertToEmbedLink(watchLink: string): string {

View File

@ -1,15 +1,13 @@
"use client"; "use client";
import { useState, useEffect, lazy, Suspense } from "react"; import { useState, useEffect, lazy, Suspense } from "react";
import { Audio } from "react-loader-spinner";
const Hero1 = lazy(() => import('../Hero1')); const Hero1 = lazy(() => import('../Hero1'));
import Hero2 from '../Hero2' import Hero2 from '../Hero2'
import CoursesSilder from "../CoursesSilder"; import CoursesSilder from "../CoursesSilder";
import ContactForm from '../ContactForm' import ContactForm from '../ContactForm'
import Loading from '../Loading' import Loading from '../Loading'
import Footer from '../Footer' import Footer from '../Footer'
import { fetchCourses } from '../../utils/index' import { CoursesProps, SettingsProps } from "@/types";
import { CoursesArrayProps, CoursesProps, SettingsProps } from "@/types";
import Whatsapp from "../Whatsapp"; import Whatsapp from "../Whatsapp";
const Home = ({ courses, settings }: { courses: CoursesProps[], settings: SettingsProps }) => { const Home = ({ courses, settings }: { courses: CoursesProps[], settings: SettingsProps }) => {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);

View File

@ -3,12 +3,10 @@ import React, { useState, useEffect } from 'react'
import Image from 'next/image' import Image from 'next/image'
import Link from 'next/link' import Link from 'next/link'
import { FiChevronDown } from "react-icons/fi"; import { FiChevronDown } from "react-icons/fi";
import { HiBars3BottomRight } from 'react-icons/hi2'
import { FaFacebookF, FaYoutube } from "react-icons/fa"; import { FaFacebookF, FaYoutube } from "react-icons/fa";
import { RiInstagramFill } from "react-icons/ri"; import { RiInstagramFill } from "react-icons/ri";
import { IoMenu, IoClose } from "react-icons/io5"; import { IoMenu, IoClose } from "react-icons/io5";
import { CoursesProps, SettingsProps } from '@/types' import { CoursesProps, SettingsProps } from '@/types'
import { colors } from '@/public/themes'
//define props type //define props type
type Props = { type Props = {
openNav: () => void openNav: () => void

View File

@ -7,7 +7,6 @@ import { CoursesProps,SettingsProps } from '@/types'
const ResponsiveNav = ({ courses, settings }: { courses: CoursesProps[], settings: SettingsProps }) => { const ResponsiveNav = ({ courses, settings }: { courses: CoursesProps[], settings: SettingsProps }) => {
const [showNav, setShowNav] = useState(false) const [showNav, setShowNav] = useState(false)
const toggleNavHandler = () => setShowNav(!showNav) const toggleNavHandler = () => setShowNav(!showNav)
const showNavHandler = () => setShowNav(true)
const closeNavHandler = () => setShowNav(false) const closeNavHandler = () => setShowNav(false)
return ( return (

View File

@ -1,8 +1,4 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = { const nextConfig = {};
typescript: {
ignoreBuildErrors: true,
},
}
module.exports = nextConfig export default nextConfig;