git-statistics 0.1.0

Collect commits from Git repository and present statistics in a comfortable way.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

import {SortBy, useSettingsStore} from '../SettingsState.ts';
import {useRef} from 'react';
import {useShallow} from 'zustand/react/shallow';

export default function Sort() {
	const settings = useSettingsStore(useShallow(state => ({
		sortBy: state.sortBy,
		setSortBy: state.setSortBy,
	})));

	const dropdownRef = useRef<HTMLDetailsElement>(null);
	return (
		<div className='flex items-center gap-2 px-4'>
			<span className='font-medium'>
				Sort by
			</span>

			<details ref={dropdownRef} className='dropdown'>
				<summary
					tabIndex={0}
					className='btn btn-neutral btn-xs'
				>{settings.sortBy}
				</summary>
				<ul tabIndex={0} className='dropdown-content z-10 menu p-2 shadow bg-base-100 rounded-box w-52'>
					{
						Object.values(SortBy).map(v => (
							<li
								key={v} onClick={() => {
									settings.setSortBy(v);
									dropdownRef.current!.removeAttribute('open');
								}}
							><a>{v.toString()}</a>
							</li>
						))
					}
				</ul>
			</details>
		</div>
	);
}