mirror of
https://github.com/jaronpate/unicord.git
synced 2026-10-18 21:47:40 +00:00
refactor: Remove redundant install section from page
This commit is contained in:
@@ -35,60 +35,6 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={styles.installSection}>
|
|
||||||
<div className={styles.installContainer}>
|
|
||||||
<h2>Quick Install</h2>
|
|
||||||
<div className={styles.packageManagerTabs}>
|
|
||||||
<button
|
|
||||||
className={`${styles.tabButton} ${activeTab === 'npm' ? styles.activeTab : ''}`}
|
|
||||||
onClick={() => setActiveTab('npm')}
|
|
||||||
>
|
|
||||||
npm
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
className={`${styles.tabButton} ${activeTab === 'yarn' ? styles.activeTab : ''}`}
|
|
||||||
onClick={() => setActiveTab('yarn')}
|
|
||||||
>
|
|
||||||
yarn
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
className={`${styles.tabButton} ${activeTab === 'pnpm' ? styles.activeTab : ''}`}
|
|
||||||
onClick={() => setActiveTab('pnpm')}
|
|
||||||
>
|
|
||||||
pnpm
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
className={`${styles.tabButton} ${activeTab === 'bun' ? styles.activeTab : ''}`}
|
|
||||||
onClick={() => setActiveTab('bun')}
|
|
||||||
>
|
|
||||||
bun
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div className={styles.installCommandWrapper}>
|
|
||||||
<code className={styles.installCommand}>
|
|
||||||
{activeTab === 'npm' && 'npm install unicord'}
|
|
||||||
{activeTab === 'yarn' && 'yarn add unicord'}
|
|
||||||
{activeTab === 'pnpm' && 'pnpm add unicord'}
|
|
||||||
{activeTab === 'bun' && 'bun add unicord'}
|
|
||||||
</code>
|
|
||||||
<button
|
|
||||||
className={styles.copyButton}
|
|
||||||
onClick={() => {
|
|
||||||
const commands = {
|
|
||||||
npm: 'npm install unicord',
|
|
||||||
yarn: 'yarn add unicord',
|
|
||||||
pnpm: 'pnpm add unicord',
|
|
||||||
bun: 'bun add unicord'
|
|
||||||
};
|
|
||||||
navigator.clipboard.writeText(commands[activeTab]);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Copy
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={styles.pillars}>
|
<div className={styles.pillars}>
|
||||||
<div className={styles.pillarContainer}>
|
<div className={styles.pillarContainer}>
|
||||||
<div className={styles.pillar}>
|
<div className={styles.pillar}>
|
||||||
|
|||||||
Reference in New Issue
Block a user