Oluwasetemi

Tripleten Test Assignment

React App

1. Do the components render correctly? If not, what's wrong in the code?

Yes to some extent, the components render correctly but there are some issues in the code that need to be addressed:

The signup and signin page are not working due to the API not returning data.

Oluwasetemi

body {
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

body h1 {
  background-color: #333;
  color: #fff;

Oluwasetemi

// variables and data types - number, string, boolean, null , undefined
// var, let, const

// declare a variable (identifier)
// var name;
let principal = 'Adedeji'; // string `, ", '
// interpolation - ${}
let address = `
  1, Oluwaseyi Street,
  Ojodu Berger,

Oluwasetemi

const path = require('path');

const SOURCE = 'src';
const SOURCE_PATH = path.resolve(SOURCE)  + '/';

const removeSourceDirName = path =>
    path.replace(new RegExp(`^${SOURCE}\/?`, 'gi'), '');

Oluwasetemi

import Box from '@mui/material/Box'
import TableCell from '@mui/material/TableCell'
import TableRow from '@mui/material/TableRow'
import Typography from '@mui/material/Typography'
import React, { useCallback, useEffect, useState } from 'react'
import { Helmet } from 'react-helmet-async'
import Table from 'components/table/Table'
import { FilterState } from 'interfaces/filter'
import FilterDropdown from 'components/FilterDropdown'
import { activityColumns, headerStyle, cases } from 'data/loan-account'

Oluwasetemi

{"Type":1,"Draft":false,"Body":"- **WIP**\n- **categorySlice Refactored**\n- **customer refactored**\n- **home refactored**\n- **refactored loans**\n- **tradeData Refactor**\n- **multiproviderfx refactored**\n- **payment refactored**\n- **currencyFx refactored**\n- **clean up multiple getstore usage in a single function**\n- **new**\n- **accountSlice and authSlice cleanup**\n- **bankSlice and companySlice**\n- **wallet, vendor, transaction, kyc, document**\n- **Merge branch 'dev' into feat/payments-mobile-respnsv**\n- **trying to provision renienv environment**\n- **add CircularProgress component**\n- **add MobileNavigation component**\n- **update MobileNavigation component**\n- **make page navigation responsive on mobile**\n- **create renienv amplify environment**\n- **add fluna Icon as svg**\n- **make payment screens mobile responsive**\n- **update packages**\n- **update top bar elements ui**\n- **get bank rates from bankexchangerates table**\n- **check is bank name exists and do comparison based on lower c

Oluwasetemi

import 'temporal-polyfill/global'

const now = Temporal.Now.instant().toString()
const currentTimeZoneId = Temporal.Now.timeZoneId()
console.log(Temporal.Now.zonedDateTimeISO().toString())

const currentTimeZone= Temporal.Now.zonedDateTimeISO().toString()
// methods - zonedDateTimeISO, zoneDateTime, instant, timeZoneId, plainDateTimeISO, plainDateISO, plainTimeISO, plainDateTime, plainDate.

let financialCentres = {

Oluwasetemi

// getData () => Promise<Data>
// postData (data: Data) => Promise<vo id>

/**
 * 1. Every 10 seconds, request data via getData and pass the response to postData
 * 2. If getData rejects, it should retry until it resolves successfully
 * 3. If postData rejects, it should re-run, being passed the same data object, until it resolves successfully
 * 4. Retries should happen immediately, it should not wait 10 seconds to retry
 *
 *

Oluwasetemi

# This "input" configures a global authorization rule to enable public access to
# all models in this schema. Learn more about authorization rules here: https://docs.amplify.aws/cli/graphql/authorization-rules
input AMPLIFY {
  globalAuthRule: AuthRule = { allow: public }
} # FOR TESTING ONLY!
type User
  @model
  @auth(
    rules: [
      { allow: groups, groups: ["Admin"] }

Oluwasetemi

import * as React from "react";

type ThemeConfig = "system" | "light" | "dark";
type ThemeName = "light" | "dark";
// Custom themes are keyed by a unique id.
type KeyedThemes = {
  [k: string]: {
    config: ThemeConfig;
    themeName: ThemeName;
  };