generating an automated link.

export default function JobDescriptionCard({ details, j_id }) {
    const [expanded, setExpanded] = React.useState(false);

    const handleExpandClick = () => {
        setExpanded(!expanded);
    };

    return (
        <Card sx={{ width: "auto" }}>
            <CardHeader title={details?.job_title} subheader="July, 2023" />
            <CardContent>
                <Typography variant="body2" color="text.secondary">
                    {details?.jd}
                </Typography>
            </CardContent>
            <CardActions disableSpacing>
                <IconButton aria-label="share">
                    <ShareIcon />
                    <p
                        onClick={() => {
                            navigator.clipboard.writeText(`http://localhost:3000/job/${j_id}`);
                            alert("Link Copied ");
                        }}
                        style={{ marginLeft: '10px', fontSize: '15px' }}
                    >
                        http://localhost:3000/job/{j_id}
                    </p>
                </IconButton>
            </CardActions>
        </Card>
    );
}