arkorty/Reduce
1
0
Fork 0
mirror of https://github.com/arkorty/Reduce.git synced 2026-03-17 16:41:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feature: make the short url clickable

Browse Source
This commit is contained in:
Arkaprabha Chakraborty
2024-08-19 05:16:42 +05:30
parent 7575ca24a3
commit 2ebf76982a
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/app/page.js
View File

@@ -3,6 +3,7 @@
import { useState } from "react"; import { useState } from "react";
import axios from "axios"; import axios from "axios";
import { MdContentCopy } from "react-icons/md"; import { MdContentCopy } from "react-icons/md";
import Link from "next/link";
import QRCode from "react-qr-code"; import QRCode from "react-qr-code";
export default function Home() { export default function Home() {
@@ -25,7 +26,7 @@ export default function Home() {
{ {
long_url: longUrl, long_url: longUrl,
base_url: baseURL, base_url: baseURL,
} },
); );
setShortUrl(response.data.short_url); setShortUrl(response.data.short_url);
@@ -84,9 +85,13 @@ export default function Home() {
{shortUrl && ( {shortUrl && (
<div className="mt-4 text-center text-gray-800"> <div className="mt-4 text-center text-gray-800">
<div className="flex items-center justify-center space-x-2"> <div className="flex items-center justify-center space-x-2">
<span className="text-blue-400 text-xl underline"> <Link
href={shortUrl}
className="text-blue-400 text-xl underline"
passHref
>
{shortUrl} {shortUrl}
</span> </Link>
<button <button
onClick={handleCopy} onClick={handleCopy}
className={`flex items-center justify-center p-2 rounded-lg transition duration-200 ${ className={`flex items-center justify-center p-2 rounded-lg transition duration-200 ${