Skip to content

Instantly share code, notes, and snippets.

View Oluwasetemi's full-sized avatar
🏠
Working from home

Oluwasetemi Ojo Oluwasetemi

🏠
Working from home
View GitHub Profile
@Oluwasetemi
Oluwasetemi / index.css
Created September 28, 2024 18:08
Testing modules Karatu Frontend
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
body h1 {
background-color: #333;
color: #fff;
@Oluwasetemi
Oluwasetemi / intro.js
Created August 17, 2024 21:02
First JS live class with AltSchool v4 student
// 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
Oluwasetemi / absolute-import-codemod-transform.js
Created July 28, 2024 22:16 — forked from phenax/absolute-import-codemod-transform.js
Codemod transform to convert all relative paths to absolute import paths inside src
const path = require('path');
const SOURCE = 'src';
const SOURCE_PATH = path.resolve(SOURCE) + '/';
const removeSourceDirName = path =>
path.replace(new RegExp(`^${SOURCE}\/?`, 'gi'), '');
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'
{"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
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 = {
// 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
Oluwasetemi / schema.graphql
Last active August 23, 2022 14:49
current and updated schema for fluna-web-app
# 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
Oluwasetemi / useTheme2.tsx
Created September 20, 2021 13:08 — forked from timc1/useTheme2.tsx
🌑☀️core app system/light/dark mode theming + varying themes for nested components
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;
};
@Oluwasetemi
Oluwasetemi / useTheme.tsx
Created September 20, 2021 13:08 — forked from timc1/useTheme.tsx
🌑☀️mode theming hook
import * as React from "react";
type Theme = "system" | "light" | "dark";
const STORAGE_KEY = "theme";
const VALID_THEMES: Theme[] = ["system", "light", "dark"];
const DARK_MODE_MEDIA_QUERY = "(prefers-color-scheme: dark)";
function getAppTheme(): Theme {
if (typeof window !== "undefined") {