Media Page

[imashnake0]

• Read CONTRIBUTING.md.

Adds a Media page and other small improvements to the Home page.

Summary of changes:

1. Refactored MediaQuery.
2. Ported the response to MediaPage.
3. Built the UI for MediaPage.
4. Integrated with SearchBar.

Tested changes:

Works fine.

[imashnake0]

Just added logging capability, if you tap on any of the media (here, anime), some metadata is logged, e.g.,

Media(
    id=111321,
    idMal=40356,
    title=Title(
        romaji=Tate no Yuusha no Nariagari Season 2,
        english=The Rising of the Shield Hero Season 2,
        native=盾の勇者の成り上がり Season2
    ),
    type=ANIME,
    format=TV,
    status=FINISHED,
    description=The second season of <i>Tate no Yuusha no Nariagari</i>.,
    startDate=StartDate(
        year=2022,
        month=4,
        day=6
    ),
    endDate=EndDate(
        year=2022,
        month=6,
        day=29
    ),
    season=SPRING,
    seasonYear=2022,
    episodes=13,
    duration=24,
    trailer=Trailer(
        id=gMZDGyihTyc,
        site=youtube,
        thumbnail=https://i.ytimg.com/vi/gMZDGyihTyc/hqdefault.jpg
    ),
    coverImage=CoverImage(
        extraLarge=https://s4.anilist.co/file/anilistcdn/media/anime/cover/medium/b111321-3MFjZgG1muls.jpg,
        large=https://s4.anilist.co/file/anilistcdn/media/anime/cover/medium/b111321-3MFjZgG1muls.jpg,
        medium=https://s4.anilist.co/file/anilistcdn/media/anime/cover/small/b111321-3MFjZgG1muls.jpg,
        color=#e4935d
    ),
    bannerImage=https://s4.anilist.co/file/anilistcdn/media/anime/banner/111321-nnetF1qONAcE.jpg,
    genres=[
        Action,
        Adventure,
        Fantasy
    ],
    averageScore=67,
    meanScore=67,
    popularity=121065,
    trending=18,
    favourites=2864,
    tags=[
        Tag(
            id=244,
            name=Isekai,
            description=Features characters being transported into an alternate world setting and having to adapt to their new surroundings.,
            category=Theme-Fantasy,
            rank=96,
            isMediaSpoiler=false,
            isAdult=false
        ),
        Tag(
            id=82,
            name=Male Protagonist,
            description=Main character is male.,
            category=Cast-Main Cast,
            rank=87,
            isMediaSpoiler=false,
            isAdult=false
        ),
        Tag(
            id=29,
            name=Magic,
            description=Prominently features magical elements or the use of magic.,
            category=Theme-Fantasy,
            rank=85,
            isMediaSpoiler=false,
            isAdult=false
        ),
        Tag(
            id=90,
            name=CGI,
            description=Prominently features scenes created with computer-generated imagery.,
            category=Technical,
            rank=74,
            isMediaSpoiler=false,
            isAdult=false
        ),
        Tag(
            id=276,
            name=Kaiju,
            description=Prominently features giant monsters.,
            category=Theme-Fantasy,
            rank=73,
            isMediaSpoiler=true,
            isAdult=false
        ),
        Tag(
            id=254,
            name=Kemonomimi,
            description=Prominently features humanoid characters with animal ears.,
            category=Cast-Traits,
            rank=68,
            isMediaSpoiler=false,
            isAdult=false
        ),
        Tag(
            id=252,
            name=Revenge,
            description=Prominently features a character who aims to exact punishment in a resentful or vindictive manner.,
            category=Theme-Drama,
            rank=67,
            isMediaSpoiler=true,
            isAdult=false
        ),
        Tag(
            id=23,
            name=Female Harem,
            description=Main cast features the protagonist plus several female characters who are romantically interested in them.,
            category=Theme-Romance,
            rank=66,
            isMediaSpoiler=false,
            isAdult=false
        ),
        Tag(
            id=247,
            name=Slavery,
            description=Prominently features slaves,
            slavery,
            or slave trade.,
            category=Theme-Other,
            rank=65,
            isMediaSpoiler=false,
            isAdult=false
        ),
        Tag(
            id=104,
            name=Anti-Hero,
            description=Features a protagonist who lacks conventional heroic attributes and may be considered a borderline villain.,
            category=Cast-Main Cast,
            rank=57,
            isMediaSpoiler=true,
            isAdult=false
        ),
        Tag(
            id=94,
            name=Gore,
            description=Prominently features graphic bloodshed and violence.,
            category=Theme-Other,
            rank=40,
            isMediaSpoiler=true,
            isAdult=false
        )
    ],
    isAdult=false
)

[imashnake0]

Since I'd have to work on the Figma mock-up next, I might put this on hold until after my finals. Wish me luck! 🤞

[imashnake0]

[imashnake0]

[imashnake0]