Dwinzo-Beta/Dwinzo_Demo
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update package versions and refactor components for improved functionality and readability

Browse Source
This commit is contained in:
Vishnu
2025-12-09 10:41:30 +05:30
parent 5dd9a8a86d
commit 3f594482e9
8 changed files with 120 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/src/components/Dashboard/TutorialCard.tsx
View File

@@ -1,21 +1,39 @@
import { getUserData } from "../../functions/getUserData";
import { ALPHA_ORG } from "../../pages/Dashboard";
import { DeleteIcon } from "../icons/ContextMenuIcons";
import RenameInput from "../ui/inputs/RenameInput";
export const TutorialCard: React.FC<{ tutorial: Tutorial; onClick: (tutorial: Tutorial) => void }> = ({ tutorial, onClick }) => {
export const TutorialCard: React.FC<{
tutorial: Tutorial;
onClick: (tutorial: Tutorial) => void;
}> = ({ tutorial, onClick }) => {
const { organization } = getUserData();
return (
<div className="tutorial-card-container" onClick={() => onClick(tutorial)}>
<div
className="preview-container"
style={{
backgroundImage: tutorial.thumbnail ? `url(${tutorial.thumbnail})` : "linear-gradient(135deg, #ddd, #bbb)",
backgroundImage: tutorial.thumbnail
? `url(${tutorial.thumbnail})`
: "linear-gradient(135deg, #ddd, #bbb)",
}}
></div>
<div className="tutorial-details">
<div
className="tutorial-details"
onClick={(e) => {
e.stopPropagation();
}}
>
<div className="context">
<div className="tutorial-name">{tutorial.projectName}</div>
<div className="updated-date">{new Date(tutorial.createdAt).toLocaleDateString()}</div>
<div className="tutorial-name">
<RenameInput
value={tutorial.projectName}
canEdit={organization === ALPHA_ORG}
/>
</div>
<div className="updated-date">
{new Date(tutorial.createdAt).toLocaleDateString()}
</div>
</div>
{organization === ALPHA_ORG && (
<div className="delete-option">