3dtours/make-comics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add feedback system with modal, api endpoints, and stats tracking

Browse Source
This commit is contained in:
Riccardo Giorato
2026-04-16 22:02:03 +02:00
parent 200a4e2a29
commit 62f8a0ca35
8 changed files with 263 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/landing/footer.tsx
+46 -29
View File
@@ -1,6 +1,10 @@
"use client";
import { useState } from "react";
import { TOGETHER_LINK } from "@/lib/utils";
import { Github } from "lucide-react";
import { Github, MessageSquare } from "lucide-react";
import Link from "next/link";
import { FeedbackModal } from "@/components/feedback-modal";
function XIcon({ className }: { className?: string }) {
return (
@@ -11,39 +15,52 @@ function XIcon({ className }: { className?: string }) {
}
export function Footer() {
const [showFeedback, setShowFeedback] = useState(false);
return (
<footer className="h-8 border-t border-border/50 bg-background flex items-center justify-between px-6 text-[10px] text-muted-foreground select-none">
<div className="flex items-center gap-4">
<span>
Made & powered by{" "}
<>
<footer className="h-8 border-t border-border/50 bg-background flex items-center justify-between px-6 text-[10px] text-muted-foreground select-none">
<div className="flex items-center gap-4">
<span>
Made & powered by{" "}
<Link
href={TOGETHER_LINK}
target="_blank"
rel="noopener noreferrer"
className="hover:text-white transition-colors text-white"
>
Together.ai
</Link>
</span>
</div>
<div className="flex items-center gap-3">
<button
onClick={() => setShowFeedback(true)}
className="flex items-center gap-1.5 px-2 py-0.5 rounded-full border border-border/50 hover:border-border hover:text-white transition-colors cursor-pointer"
>
<MessageSquare className="w-3 h-3" />
Got ideas? Tell us
</button>
<Link
href={TOGETHER_LINK}
href="https://github.com/nutlope/make-comics"
target="_blank"
rel="noopener noreferrer"
className="hover:text-white transition-colors text-white"
className="hover:text-white transition-colors"
>
Together.ai
<Github className="w-3.5 h-3.5" />
</Link>
</span>
</div>
<div className="flex items-center gap-3">
<Link
href="https://github.com/nutlope/make-comics"
target="_blank"
rel="noopener noreferrer"
className="hover:text-white transition-colors"
>
<Github className="w-3.5 h-3.5" />
</Link>
<Link
href="https://x.com/nutlope"
target="_blank"
rel="noopener noreferrer"
className="hover:text-white transition-colors"
>
<XIcon className="w-3.5 h-3.5" />
</Link>
</div>
</footer>
<Link
href="https://x.com/nutlope"
target="_blank"
rel="noopener noreferrer"
className="hover:text-white transition-colors"
>
<XIcon className="w-3.5 h-3.5" />
</Link>
</div>
</footer>
<FeedbackModal isOpen={showFeedback} onClose={() => setShowFeedback(false)} />
</>
);
}