droidconKE / droidconKE2022ReactNative

Official DroidconKE 2022 React Native App
https://play.google.com/store/apps/details?id=com.brianwachira.droidconKE2022ReactNative&hl=en&gl=US
MIT License
8 stars 17 forks source link

[chore] extract a reusable sponsers component #66

Closed devKiratu closed 1 year ago

devKiratu commented 1 year ago

Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

This PR accomplishes the following:

Sample API data used

{
    "data": [
        {
            "name": "JetBrains",
            "tagline": "Essential tools for software developers and teams",
            "link": "https://www.jetbrains.com/",
            "sponsor_type": "silver",
            "logo": "https://download.logo.wine/logo/JetBrains/JetBrains-Logo.wine.png",
            "created_at": "2022-10-17 13:37:26"
        }
    ]
}

The component is used by the following files:

HomeScreenNotLoggedIn.tsx  
HomeScreen.tsx

In line with the design, I have enhanced some form of visual hierarchy for displaying sponsors logos based on their sponsor_type property as follows:

sponser_type Max number of sponsers per row
platinum 1
gold 2
silver 3
bronze 4

HomeScreen Screenshots

Logged Out

Screenshot sponsors-droidcon2

Logged In

Screenshot sponsors-droidcon1

Fixes #56

Type of change

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

Checklist:

devKiratu commented 1 year ago

@brianwachira please review