Skip to content

Add WordPress Plugin links to navigation and landing page #1022

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Copilot wants to merge 8 commits into from
Closed

Add WordPress Plugin links to navigation and landing page #1022

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
00b54b8
Initial plan
Copilot Jul 13, 2025
0f2de8a
Initial analysis and setup for WordPress plugin link feature
Copilot Jul 13, 2025
ea59c9e
Add WordPress plugin links to landing page footer, navbar, and sidebar
Copilot Jul 13, 2025
fc5b268
Update WordPress plugin links to point to WordPress.org instead of Gi…
Copilot Jul 13, 2025
a3f2224
Fix WordPress plugin icon in sidebar by using button-icon.png instead…
Copilot Jul 13, 2025
ac7aa9a
Create proper WordPress icon for sidebar by using properly sized word…
Copilot Jul 13, 2025
657a0ef
Fix WordPress icon display and ThemeToggle positioning in sidebar
Copilot Jul 13, 2025
44e3474
Add dedicated WordPress icon for sidebar using properly sized wordpre…
Copilot Jul 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/wordpress.png
View file
Open in desktop
Copy link
Copy Markdown
Collaborator

@chedieck chedieck Jul 15, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wrong logo.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
23 changes: 15 additions & 8 deletions components/LandingPage/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
import Link from 'next/link';
import Image from 'next/image';
import style from '/styles/landing.module.css';
import logoImageSource from 'assets/logo.png';
import Link from 'next/link'
import Image from 'next/image'
import style from 'styles/landing.module.css'
import logoImageSource from 'assets/logo.png'
import LogoutButton from './LogoutButton'

export default function Footer ({ userId }): JSX.Element {
const currentYear = new Date().getFullYear();
const copyrightSymbol = '\u00A9';
const currentYear = new Date().getFullYear()
const copyrightSymbol = '\u00A9'
return (
<div className={style.footer_ctn}>
<div className={style.container}>
Expand All @@ -31,6 +31,13 @@ export default function Footer ({ userId }): JSX.Element {
<Link href="https://docs.paybutton.org/#/?id=what-is-paybutton">
Docs
</Link>
<Link
href="https://wordpress.org/plugins/paybutton/"
target="_blank"
rel="noopener noreferrer"
>
WordPress Plugin
</Link>
{userId === undefined
? <>
<Link href="/signin">Sign In</Link>
Expand All @@ -46,10 +53,10 @@ export default function Footer ({ userId }): JSX.Element {
</div>
</div>
<div className={style.copyright}>
{copyrightSymbol}
{copyrightSymbol}
{currentYear} Blockchain Ventures Corp. All Rights Reserved.
</div>
</div>
</div>
);
)
}
8 changes: 8 additions & 0 deletions components/LandingPage/Navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,6 +61,14 @@ export default function Navbar ({ userId }: IProps): JSX.Element {
Telegram
</Link>
<Link href="https://docs.paybutton.org/#/?id=what-is-paybutton" onClick={() => setMobileMenu(false)}>Docs</Link>
<Link
href="https://wordpress.org/plugins/paybutton/"
target="_blank"
rel="noopener noreferrer"
onClick={() => setMobileMenu(false)}
>
WordPress Plugin
</Link>
{userId === undefined
? <>
<a href="/signin" onClick={() => setMobileMenu(false)}>Sign In</a>
Expand Down
6 changes: 6 additions & 0 deletions components/Sidebar/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,10 @@ import Wallets from 'assets/wallet-icon.png'
import Networks from 'assets/network-icon.png'
import Account from 'assets/user-icon.png'
import Docs from 'assets/docs.png'

import Admin from 'assets/admin-icon.png'
import Logout from 'assets/logout-icon.png'
import WordPressIcon from 'assets/wordpress.png'
import { UserProfile } from '@prisma/client'
const ThemeToggle = dynamic(async () => await import('./themetoggle'), {
ssr: false
Expand Down Expand Up @@ -155,6 +157,10 @@ const Sidebar: React.FC = ({ chart, setChart, loggedUser }: IProps) => {
<Image src={Docs} alt='docs' width={20} height={20} />
<span className={style.tooltiptext}>Docs</span>
</a>
<a href='https://wordpress.org/plugins/paybutton/' target="_blank" rel="noreferrer noopener">
<Image src={WordPressIcon} alt='wordpress plugin' width={20} height={20} />
<span className={style.tooltiptext}>WordPress Plugin</span>
</a>
</div>
</aside>
</>
Expand Down
7 changes: 5 additions & 2 deletions components/Sidebar/sidebar.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,8 +91,11 @@ body[data-theme='dark'] .socialctn .moon {
.socialctn .toggle_ctn {
margin: 0;
margin-right: 15px;
width: 18px;
height: 18px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}

.tooltiptext {
Expand Down
Loading