/
zxclovly
/
BlinkCode
Обзор
Документация
Войти
/
zxclovly
/
BlinkCode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/ActivityBar/ActivityBar.tsx
47 строк
1 KB
lovlygod
feat: implement Source Control panel (Git integration)
27 апр 2026, 06:01
27 апр 2026, 06:01
1a62e60
Код
Авторство
О чём код?
import { Files, Search, Settings, GitBranch } from 'lucide-react'; import { useEditor } from '../../store/EditorContext'; import { useT } from '../../hooks/useT'; import './ActivityBar.css'; export default function ActivityBar() { const { state, toggleSidebar, toggleSearchPanel, toggleSourceControl, toggleSettings } = useEditor(); const tt = useT(); return ( <aside className="activity-bar"> <div className="activity-bar-top"> <button className={`activity-btn ${state.sidebarVisible && !state.showSearchPanel && !state.showSourceControl ? 'active' : ''}`} onClick={toggleSidebar} title={tt('explorer.title')} > <Files size={22} /> </button> <button className={`activity-btn ${state.showSearchPanel ? 'active' : ''}`} onClick={toggleSearchPanel} title={tt('search.title')} > <Search size={22} /> </button> <button className={`activity-btn ${state.showSourceControl ? 'active' : ''}`} onClick={toggleSourceControl} title={tt('sc.title')} > <GitBranch size={22} /> </button> </div> <div className="activity-bar-bottom"> <button className={`activity-btn activity-settings-btn ${state.showSettings ? 'active' : ''}`} onClick={toggleSettings} title={tt('top.settings')} > <Settings size={24} /> </button> </div> </aside> ); }