Untitled

1.
Missing types tu i tam
static async getInitialProps(ctx) {
  const sheet = new ServerStyleSheet();
  const originalRenderPage = ctx.renderPage;

static async getInitialProps(
  ctx: DocumentContext
): Promise<DocumentInitialProps> {
  const sheet = new ServerStyleSheet();

2.
Wyciagnac logike reduxowa poza 'pages'

np. drawSlice.ts nie powinien byc w 'pages/keno' tylko oddzielnym folderku

3.
'/types' do tsowych interfaceow i typow

4.
plik z hardcoded constami

np. const RESULTS_COUNT = 40;

5. 
Callbaczek worth use - 
  const handleClick = (): void => {
    dispatch(toggleValue(value));
  };

  const handleClick = useCallback((): void => {
  dispatch(toggleValue(value));
}, [dispatch, value]);

6.
Errory - dodac error boundary/sprawdzic czy wszystko async na pewno ma loading state

7.
env variables - wyciagnac jak consty do innego pliku i moze dodac jakas lepsza walidacje


import { z } from 'zod';

const envSchema = z.object({
  SERVER_SEED: z.string().min(1),
  CLIENT_SEED: z.string().min(1),
});

const env = envSchema.parse({
  SERVER_SEED: process.env.SERVER_SEED,
  CLIENT_SEED: process.env.CLIENT_SEED,
});

8.
Niektore komponenty sa PascalCase np. KenoList, niektore camelCase np. riskControls

9.
Wyciagnac hooki i util funcs do oddzielnych folderkuf np. useAnimations.ts

10.
Dodac jakies bling bling notifications np. wygrales chuja albo losujemy zebys wygral chuja

11.
Logika sie zjebala sie, po losowaniu chyba powinna sie calosc czyscic gdy user wybiera nowe pola, bo teraz mu zaznacza jakby wygral