snowballtools-base/packages/frontend/src/components/projects/project/settings/GitSelectionSection.tsx
Nabarun Gogoi f870ab90f7
Add layout for Git tab in project settings (#31)
* Implement layout and functionality for git tab panel

* Refactor project repository card prop

* Add repo selection handler prop

---------

Co-authored-by: neeraj <neeraj.rtly@gmail.com>
2023-12-28 11:52:05 +05:30

35 lines
778 B
TypeScript

import React from 'react';
import { GitSelect } from '../../../../types/project';
const GitSelectionSection = ({
gitSelectionHandler,
}: {
gitSelectionHandler: (git: GitSelect) => void;
}) => {
return (
<>
<div
className="flex gap-4 border-b-2 border-gray-200 cursor-pointer p-1"
onClick={() => {
gitSelectionHandler(GitSelect.GITHUB);
}}
>
<div>^</div>
<div className="grow">Github</div>
<div>{'>'}</div>
</div>
<div
className="flex gap-4 border-b-2 border-gray-200 cursor-pointer p-1"
onClick={() => {}}
>
<div>^</div>
<div className="grow">Gitea</div>
<div>{'>'}</div>
</div>
</>
);
};
export default GitSelectionSection;