Added Formatting

DiceDB · Oct 17, 2024 · 84cb262 · 84cb262
1 parent 6db8662
commit 84cb262
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/apps/playground-web/app/layout.tsx b/apps/playground-web/app/layout.tsx
@@ -3,9 +3,9 @@ import { ReactNode } from 'react';
 import type { Metadata } from 'next';
 
 // styles
-import "@/styles/globals.css";
-import Header from "@/components/Header/Header";
-import Footer from "@/components/Footer/Footer";
+import '@/styles/globals.css';
+import Header from '@/components/Header/Header';
+import Footer from '@/components/Footer/Footer';
 
 export const metadata: Metadata = {
   title: 'DiceDB Playground',

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,5 +1,5 @@
 // components
-import Playground from "@/components/Playground/Playground";
+import Playground from '@/components/Playground/Playground';
 
 export default function Home() {
   return (

diff --git a/src/components/Playground/Playground.tsx b/src/components/Playground/Playground.tsx
@@ -1,15 +1,15 @@
-"use client";
+'use client';
 
 // Components
-import Cli from "@/components/CLI/CLI";
-import SearchBox from "@/components/Search/SearchBox";
-import { Dice1, Dice3, Dice5 } from "lucide-react";
+import Cli from '@/components/CLI/CLI';
+import SearchBox from '@/components/Search/SearchBox';
+import { Dice1, Dice3, Dice5 } from 'lucide-react';
 
 // utils
-import { formatTime } from "@/shared/utils/commonUtils";
+import { formatTime } from '@/shared/utils/commonUtils';
 
 // images and icons
-import { usePlayground } from "./hooks/usePlayground";
+import { usePlayground } from './hooks/usePlayground';
 
 export default function Playground() {
   const { decreaseCommandsLeft, search, timeLeft, commandsLeft, setSearch } =
@@ -35,15 +35,15 @@ export default function Playground() {
           <div className="flex flex-row justify-between text-gray-900 space-x-4">
             <div className="flex-1 flex justify-center items-center border border-gray-300 bg-white text-sm p-3 rounded-lg shadow-sm transition-all hover:shadow-md">
               <span className="font-medium">
-                Cleanup in:{" "}
+                Cleanup in:{' '}
                 <span className="text-blue-600">
                   {formatTime(timeLeft)} mins
                 </span>
               </span>
             </div>
             <div className="flex-1 flex justify-center items-center border border-gray-300 bg-white text-sm p-3 rounded-lg shadow-sm transition-all hover:shadow-md">
               <span className="font-medium">
-                Commands left:{" "}
+                Commands left:{' '}
                 <span className="text-green-600">{commandsLeft}</span>
               </span>
             </div>