mirror of
https://github.com/ad044/lainTSX.git
synced 2024-10-22 23:19:06 +00:00
major refactor. moved state management to recoil.
This commit is contained in:
parent
3df106d991
commit
2b203fc835
1 changed files with 8 additions and 9 deletions
|
@ -1,15 +1,14 @@
|
|||
import React, { Suspense } from "react";
|
||||
import React, { memo, Suspense } from "react";
|
||||
import level_sprites from "../resources/level_sprites.json";
|
||||
import GrayRing from "./GrayRing";
|
||||
import LevelSprite from "./LevelSprite";
|
||||
import LevelSprite from "./LevelSprite/LevelSprite";
|
||||
import PurpleRing from "./PurpleRing";
|
||||
import Preloader from "./Preloader";
|
||||
import { useRecoilValue } from "recoil";
|
||||
import { currentSpriteAtom } from "./LevelSprite/CurrentSpriteAtom";
|
||||
|
||||
type HubProps = {
|
||||
currentSprite: string;
|
||||
};
|
||||
const Hub = memo(() => {
|
||||
const currentSprite = useRecoilValue(currentSpriteAtom);
|
||||
|
||||
const Hub = (props: HubProps) => {
|
||||
return (
|
||||
<>
|
||||
<Suspense fallback={<>loading...</>}>
|
||||
|
@ -33,13 +32,13 @@ const Hub = (props: HubProps) => {
|
|||
}
|
||||
sprite={sprite.sprite}
|
||||
key={sprite.id}
|
||||
active={sprite.id === props.currentSprite}
|
||||
active={sprite.id === currentSprite}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</Suspense>
|
||||
</>
|
||||
);
|
||||
};
|
||||
});
|
||||
|
||||
export default Hub;
|
||||
|
|
Loading…
Reference in a new issue