diff options
| author | Ryan Schanzenbacher <ryan@rschanz.org> | 2026-08-03 01:22:44 -0400 |
|---|---|---|
| committer | Ryan Schanzenbacher <ryan@rschanz.org> | 2026-08-03 01:22:44 -0400 |
| commit | 0c8fa3a2a270747f3dbb54fe8792f3f0aec997e3 (patch) | |
| tree | 6f94ff3aeea2af859c7c166e01a8e73002017893 /users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx | |
Initial commit: combined darwin + guix-linux home-manager flake
Supersedes nix-dotfiles (darwin) and guix-dotfiles' ad-hoc
nix-home-manager flake (linux). See README.md/MIGRATION.md.
Diffstat (limited to 'users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx')
| -rwxr-xr-x | users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx new file mode 100755 index 0000000..66b0850 --- /dev/null +++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx | |||
| @@ -0,0 +1,24 @@ | |||
| 1 | import * as Uebersicht from "uebersicht"; | ||
| 2 | |||
| 3 | export { specterStyles as styles } from "../../styles/components/data/specter"; | ||
| 4 | |||
| 5 | const { React } = Uebersicht; | ||
| 6 | |||
| 7 | /** | ||
| 8 | * Specter widget component | ||
| 9 | * | ||
| 10 | * This component renders a div with six span elements inside it. These are animated in CSS. | ||
| 11 | * | ||
| 12 | * @returns {JSX.Element} The rendered widget component | ||
| 13 | */ | ||
| 14 | export const Widget = React.memo(() => { | ||
| 15 | return ( | ||
| 16 | <div className="specter"> | ||
| 17 | {[...new Array(6)].map((_, i) => ( | ||
| 18 | <span key={i} /> | ||
| 19 | ))} | ||
| 20 | </div> | ||
| 21 | ); | ||
| 22 | }); | ||
| 23 | |||
| 24 | Widget.displayName = "Specter"; | ||
