import React, { useState, useEffect } from 'react'; import useTranslation from 'next-translate/useTranslation' import { faKey, faEye, faDownload } from '@fortawesome/free-solid-svg-icons' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { useRouter } from 'next/router' import Link from 'next/link' export default function Modal() { const [showModal, setShowModal] = React.useState(false); const router = useRouter() const { t, lang } = useTranslation("common") const { locale, locales, defaultLocale, pathname } = router const close = t('common:close') const keys = t('profile:keys') const view = t('profile:view') const fingerprint = t('profile:fingerprint') const download = t('profile:download') return ( <> {showModal ? ( <>
{/* Modal content */}
{/* Modal body */}

{keys}

  • PGP    {download}

    {fingerprint}:

    3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968
  • SSH    {view}

    {fingerprint}:

    2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc
{/* Modal footer for close button */}
) : null} ); }