From 67fe4ba060eec30e37084c1ac2e7115ccb4f0301 Mon Sep 17 00:00:00 2001 From: VizoleLabs <165453324+VizoleLabs@users.noreply.github.com> Date: Mon, 8 Apr 2024 06:22:33 +0000 Subject: [PATCH] feat: image filter --- app/layout.tsx | 2 +- app/page.tsx | 51 +- components/Button/Button.tsx | 88 +- components/ImageFilter/FilterableData.tsx | 26 + components/ImageFilter/ImageFilter.tsx | 59 + components/ImageFilter/image.tsx | 25 + package-lock.json | 37091 ++++++++++++++++++++ package.json | 1 + public/images/site04.png | Bin 0 -> 759297 bytes yarn.lock | 2086 +- 10 files changed, 38350 insertions(+), 1079 deletions(-) create mode 100644 components/ImageFilter/FilterableData.tsx create mode 100644 components/ImageFilter/ImageFilter.tsx create mode 100644 components/ImageFilter/image.tsx create mode 100644 package-lock.json create mode 100644 public/images/site04.png diff --git a/app/layout.tsx b/app/layout.tsx index 8b0783d..495a3b8 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,7 +1,7 @@ import "styles/tailwind.css" import "styles/custom.css" import Navbar from "components/Navbar/Navbar" -import StarBackground from "components/StarBackground/StarBackground"; + import Footer from "components/Footer/Footer" export default function RootLayout({ children }: { children: React.ReactNode }) { diff --git a/app/page.tsx b/app/page.tsx index 42c91ce..809cdc0 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -13,6 +13,7 @@ import { MdOutlineAppSettingsAlt } from "react-icons/md" import { Glow, GlowCapture } from "@codaworks/react-glow" import StarBackground from "components/StarBackground/StarBackground" import { Textarea } from "@nextui-org/react" +import ImageFilter from "components/ImageFilter/ImageFilter" export default function Web() { const [init, setInit] = useState(false) @@ -25,7 +26,7 @@ export default function Web() {
-
+

@@ -127,8 +128,7 @@ export default function Web() {