added apps
This commit is contained in:
@@ -0,0 +1,102 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
import { Pencil, Plus } from "lucide-react";
|
||||
|
||||
// Define types
|
||||
interface CardData {
|
||||
id: number;
|
||||
title: string;
|
||||
description: string;
|
||||
status: string;
|
||||
lastUpdated: string;
|
||||
}
|
||||
|
||||
interface CardProps {
|
||||
data: CardData;
|
||||
onUpdate: (id: number) => void;
|
||||
}
|
||||
|
||||
// Mock data
|
||||
const mockData: CardData[] = [
|
||||
{
|
||||
id: 1,
|
||||
title: "Project Alpha",
|
||||
description: "A cutting-edge project for automation",
|
||||
status: "In Progress",
|
||||
lastUpdated: "2024-03-15",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Project Beta",
|
||||
description: "Machine learning integration project",
|
||||
status: "Completed",
|
||||
lastUpdated: "2024-03-10",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Project Gamma",
|
||||
description: "Cloud infrastructure optimization",
|
||||
status: "Planning",
|
||||
lastUpdated: "2024-03-05",
|
||||
},
|
||||
];
|
||||
|
||||
// Card component
|
||||
const Card: React.FC<CardProps> = ({ data, onUpdate }) => (
|
||||
<div className="bg-white rounded-lg shadow-md p-6 mb-4 hover:shadow-lg transition-shadow">
|
||||
<div className="flex justify-between items-start">
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-2">{data.title}</h3>
|
||||
<p className="text-gray-600 mb-2">{data.description}</p>
|
||||
<div className="flex items-center gap-4">
|
||||
<span className="text-sm text-gray-500">Status: {data.status}</span>
|
||||
<span className="text-sm text-gray-500">
|
||||
Last Updated: {data.lastUpdated}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
onClick={() => onUpdate(data.id)}
|
||||
className="text-blue-500 hover:text-blue-700 p-2"
|
||||
aria-label="Update"
|
||||
>
|
||||
<Pencil />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
function app000002() {
|
||||
const handleUpdate = (id: number) => {
|
||||
console.log(`Update clicked for item ${id}`);
|
||||
// Add your update logic here
|
||||
};
|
||||
|
||||
const handleCreate = () => {
|
||||
console.log("Create clicked");
|
||||
// Add your create logic here
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="container mx-auto p-6">
|
||||
<div className="flex justify-between items-center mb-6">
|
||||
<h1 className="text-2xl font-bold">Projects Dashboard</h1>
|
||||
<button
|
||||
onClick={handleCreate}
|
||||
className="bg-blue-500 text-white px-4 py-2 rounded-lg flex items-center gap-2 hover:bg-blue-600 transition-colors"
|
||||
>
|
||||
<Plus />
|
||||
Create New
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-4">
|
||||
{mockData.map((item) => (
|
||||
<Card key={item.id} data={item} onUpdate={handleUpdate} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default app000002;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000003() {
|
||||
return <div>app000003</div>;
|
||||
}
|
||||
|
||||
export default app000003;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000004() {
|
||||
return <div>app000004</div>;
|
||||
}
|
||||
|
||||
export default app000004;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000005() {
|
||||
return <div>app000005</div>;
|
||||
}
|
||||
|
||||
export default app000005;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000006() {
|
||||
return <div>app000006</div>;
|
||||
}
|
||||
|
||||
export default app000006;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000007() {
|
||||
return <div>app000007</div>;
|
||||
}
|
||||
|
||||
export default app000007;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000008() {
|
||||
return <div>app000008</div>;
|
||||
}
|
||||
|
||||
export default app000008;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000009() {
|
||||
return <div>app000009</div>;
|
||||
}
|
||||
|
||||
export default app000009;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000010() {
|
||||
return <div>app000010</div>;
|
||||
}
|
||||
|
||||
export default app000010;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000011() {
|
||||
return <div>app000011</div>;
|
||||
}
|
||||
|
||||
export default app000011;
|
||||
@@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
function app000012() {
|
||||
return (
|
||||
<div>app000012</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default app000012
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000013() {
|
||||
return <div>app000013</div>;
|
||||
}
|
||||
|
||||
export default app000013;
|
||||
@@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
function app000014() {
|
||||
return (
|
||||
<div>app000014</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default app000014
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000015() {
|
||||
return <div>app000015</div>;
|
||||
}
|
||||
|
||||
export default app000015;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000016() {
|
||||
return <div>app000016</div>;
|
||||
}
|
||||
|
||||
export default app000016;
|
||||
@@ -0,0 +1,7 @@
|
||||
import React from "react";
|
||||
|
||||
function app000017() {
|
||||
return <div>app000017</div>;
|
||||
}
|
||||
|
||||
export default app000017;
|
||||
@@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
function app000018() {
|
||||
return (
|
||||
<div>app000018</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default app000018
|
||||
@@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
function app000019() {
|
||||
return (
|
||||
<div>app000019</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default app000019
|
||||
@@ -1,11 +1,12 @@
|
||||
import React from "react";
|
||||
import App000001 from "./app000001";
|
||||
import Page0001 from "./page0001";
|
||||
import App000002 from "./app000002";
|
||||
|
||||
import { PageProps } from "./interFaces";
|
||||
|
||||
export const PageIndexs = {
|
||||
"6015129b-f665-479c-a440-04fb82ea6114": Page0001,
|
||||
app000001: App000001,
|
||||
app000002: App000002,
|
||||
};
|
||||
|
||||
function UnAuthorizedPage({ lang, queryParams }: PageProps) {
|
||||
|
||||
Reference in New Issue
Block a user