[fixed 🐱‍🏍] fixed linting build issues 🥙

Author: devlopersabbir

websites/src/app/_actions/execute.ts

@@ -25,9 +25,10 @@ export async function executeCodeAction(input: Input): Promise<Output> {
       output: response.data.output,
       responseTime: Math.round(responseTime),
     };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (error: any) {
     return {
-      output: error.response.data.details,
+      output: error?.response?.data.details,
       responseTime: Math.round(responseTime),
     };
   } finally {

websites/src/app/_components/code-editor.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { Editor } from "@monaco-editor/react";
-import { useTheme } from "next-themes";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Loader2 } from "lucide-react";
@@ -23,8 +22,6 @@ export function CodeEditor({
   height = "300px",
   readOnly = false,
 }: CodeEditorProps) {
-  const { theme } = useTheme(); // You can still use this for overall app theme logic if needed elsewhere
-
   const handleEditorChange = (newValue: string | undefined) => {
     onChange(newValue || "");
   };

websites/src/app/_components/output-viewer.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { Editor } from "@monaco-editor/react";
-import { useTheme } from "next-themes";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -18,26 +17,16 @@ interface OutputViewerProps {
 
 export function OutputViewer({
   output,
-  language, // Although output is plaintext, keeping language prop for consistency and future expansion
   executionTime,
   status,
 }: OutputViewerProps) {
-  const { theme } = useTheme(); // Keep for consistency, though we're overriding here
-
   const copyOutput = () => {
-    // Using document.execCommand for broader iframe compatibility
-    const textarea = document.createElement("textarea");
-    textarea.value = output;
-    document.body.appendChild(textarea);
-    textarea.select();
     try {
-      document.execCommand("copy");
-      // You can add a visual feedback like a temporary "Copied!" message
+      navigator.clipboard.writeText(output);
       console.log("Output copied to clipboard!");
     } catch (err) {
       console.error("Failed to copy text:", err);
     }
-    document.body.removeChild(textarea);
   };
 
   const downloadOutput = () => {

websites/src/app/page.tsx

@@ -23,6 +23,7 @@ import { CodeEditor } from "./_components/code-editor";
 import { OutputViewer } from "./_components/output-viewer";
 import { executeCodeAction } from "./_actions/execute";
 import { ExecutionResult, Language } from "@/@types";
+import Image from "next/image";
 
 export default function ExecuteMePlatform() {
   const [selectedLanguage, setSelectedLanguage] = useState<Language>("python");
@@ -53,12 +54,7 @@ export default function ExecuteMePlatform() {
         language: selectedLanguage,
       });
     } catch (err) {
-      setExecutionResult({
-        status: "error",
-        output: "error is here",
-        executionTime: 0,
-        language: selectedLanguage,
-      });
+      console.log(err);
     } finally {
       setIsExecuting(false);
     }
@@ -236,10 +232,11 @@ export default function ExecuteMePlatform() {
               rel="noopener noreferrer"
               className="inline-flex items-center gap-2 bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-2 px-4 rounded-full transition-colors duration-200 shadow-md"
             >
-              <img
+              <Image
                 src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" // Official BMC logo
                 alt="Buy Me A Coffee"
-                className="h-5 w-5"
+                height={20}
+                width={20}
               />
               <span>Buy Me A Coffee</span>
             </a>