mirror_maker/lainTSX
1
0
Fork 0
mirror of https://github.com/ad044/lainTSX.git synced 2024-10-22 15:09:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

major refactor. moved state management to recoil.

Browse source
This commit is contained in:
ad044 2020-09-11 20:08:06 +04:00
parent 3df106d991
commit 2b203fc835
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/Hub.tsx
View file

@ -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;