fix: remove unnecessary react import club import

DiceDB · Oct 2, 2024 · 3ee0617 · 3ee0617
1 parent eb2d4d7
commit 3ee0617
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 8 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,9 @@
+// types
+import { ReactNode } from "react";
 import type { Metadata } from "next";
+
+// styles
 import "@/styles/globals.css";
-import React from "react";
 
 export const metadata: Metadata = {
   title: "DiceDB Playground",
@@ -14,7 +17,7 @@ export const metadata: Metadata = {
 export default function RootLayout({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: ReactNode;
 }>) {
   return (
     <html lang="en">

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,3 +1,4 @@
+// components
 import Playground from "@/components/Playground/Playground";
 import Footer from "@/components/Footer/Footer"; // comment this to hide footer
 

diff --git a/src/components/CLI/CLI.tsx b/src/components/CLI/CLI.tsx
@@ -1,6 +1,7 @@
 // src/components/CLI/CLI.tsx
-
 "use client";
+
+// hooks
 import { useCli } from "./hooks/useCli";
 
 interface CliProps {

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+// icons
 import { Button } from "@mui/material";
 import { Twitter } from "@mui/icons-material";
 import GitHub from "@mui/icons-material/GitHub";

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -1,5 +1,4 @@
 "use client";
-
 export default function Header() {
   return (
     <header className="flex items-center mb-4">

diff --git a/src/components/Search/SearchBox.tsx b/src/components/Search/SearchBox.tsx
@@ -1,13 +1,13 @@
 "use client";
 
-import React from "react";
+import {SetStateAction, Dispatch} from "react";
 import { Search } from "lucide-react";
 import { DiceCmds, DiceCmdMeta } from "@/data/command";
 import CommandPage from "./command";
 
 interface SearchBoxProps {
   search: string;
-  setSearch: React.Dispatch<React.SetStateAction<string>>;
+  setSearch: Dispatch<SetStateAction<string>>;
 }
 
 export default function SearchBox({ search, setSearch }: SearchBoxProps) {

diff --git a/src/components/Search/command.tsx b/src/components/Search/command.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import  { useState } from "react";
 import { Clipboard } from "lucide-react";
 import { DiceCmdMeta } from "@/data/command";