feat: add name of the project
This commit is contained in:
parent
ebb270911b
commit
9197050ca3
@ -3,7 +3,7 @@ import { useSocket } from "@/context/SocketContext"
|
|||||||
import { Button } from "@/components/ui/button"
|
import { Button } from "@/components/ui/button"
|
||||||
import { Download } from "lucide-react"
|
import { Download } from "lucide-react"
|
||||||
|
|
||||||
export default function DownloadButton() {
|
export default function DownloadButton({ name }: { name: string }) {
|
||||||
const { socket } = useSocket()
|
const { socket } = useSocket()
|
||||||
|
|
||||||
const handleDownload = async () => {
|
const handleDownload = async () => {
|
||||||
@ -18,12 +18,13 @@ export default function DownloadButton() {
|
|||||||
const url = window.URL.createObjectURL(blob)
|
const url = window.URL.createObjectURL(blob)
|
||||||
const a = document.createElement('a')
|
const a = document.createElement('a')
|
||||||
a.href = url
|
a.href = url
|
||||||
a.download = 'sandbox-files.zip'
|
a.download = `${name}.zip`
|
||||||
a.click()
|
a.click()
|
||||||
window.URL.revokeObjectURL(url)
|
window.URL.revokeObjectURL(url)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Button variant="outline" onClick={handleDownload}>
|
<Button variant="outline" onClick={handleDownload}>
|
||||||
<Download className="w-4 h-4 mr-2" />
|
<Download className="w-4 h-4 mr-2" />
|
||||||
|
@ -79,8 +79,7 @@ export default function Navbar({
|
|||||||
<Users className="w-4 h-4 mr-2" />
|
<Users className="w-4 h-4 mr-2" />
|
||||||
Share
|
Share
|
||||||
</Button>
|
</Button>
|
||||||
<DownloadButton />
|
<DownloadButton name={sandboxData.name} /></>
|
||||||
</>
|
|
||||||
) : null}
|
) : null}
|
||||||
<ThemeSwitcher />
|
<ThemeSwitcher />
|
||||||
<UserButton userData={userData} />
|
<UserButton userData={userData} />
|
||||||
|
Loading…
x
Reference in New Issue
Block a user