Spaces:
Paused
Paused
Download frontend/src/components/TopBar.tsx from Mayank2027/Codeki: direct link, hf CLI and curl.
- Browser
- Download file 913 Bytes
-
https://huggingface.co/spaces/Mayank2027/Codeki/resolve/main/frontend/src/components/TopBar.tsx
- Command line
-
hf download hf://spaces/Mayank2027/Codeki/frontend/src/components/TopBar.tsx
-
curl -L -o TopBar.tsx https://huggingface.co/spaces/Mayank2027/Codeki/resolve/main/frontend/src/components/TopBar.tsx
913 Bytes
| import React from 'react'; | |
| import { FaCode, FaGithub, FaRocket } from 'react-icons/fa'; | |
| const TopBar: React.FC = () => { | |
| return ( | |
| <div style={{ height: 36, background: 'var(--bg-secondary)', borderBottom: '1px solid var(--border)', display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '0 12px', fontSize: 13 }}> | |
| <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}> | |
| <FaCode style={{ color: 'var(--accent)' }} /> | |
| <span style={{ fontWeight: 600 }}>Codeki</span> | |
| <span style={{ color: 'var(--text-secondary)' }}>– AI Coding Assistant</span> | |
| </div> | |
| <div style={{ display: 'flex', gap: 15, alignItems: 'center' }}> | |
| <FaGithub style={{ color: 'var(--text-secondary)', cursor: 'pointer' }} /> | |
| <FaRocket style={{ color: 'var(--accent)', cursor: 'pointer' }} /> | |
| </div> | |
| </div> | |
| ); | |
| }; | |
| export default TopBar; |