Albert 🇬🇭 albertdugba

💭

I play around my screen trying to break and unbreak things

Frontend Engineer

albertdugba / File upload - React-Query

Created April 30, 2021 21:52

	import { useMutation, useQueryClient } from 'react-query';
	const queryClient = useQueryClient();

	const handleFileChange = event => {
	setBookName(event.target.files[0].name);
	setSelectedBook(event.target.files[0]);
	};

	const handleFileUpload = event => {
	event.preventDefault();

albertdugba / PDF Text Select React

Last active April 29, 2021 13:12

	import React, { useEffect, useState, useRef, useCallback } from "react";
	import { createPortal } from "react-dom";
	import * as PDFJS from "pdfjs-dist/build/pdf";
	import PDFJSWORKER from "pdfjs-dist/build/pdf.worker.entry";
	import "./misc/textLayer";
	import "./misc/textLayer.css";

	window.PDFJS = PDFJS;

	export default function PdfViewer({ url }) {

albertdugba / breakpoints.js

Created December 29, 2020 15:44

Media Query in styled-components

	import styled,{css} from 'styled-components';

	const size = {
	small: 400,
	medium: 960,
	large: 1140,
	};
	const mediaQuery = Object.keys(size).reduce((acc, label) => {
	acc[label] = (...args) => css`
	@media (min-width: ${size[label]}px) {

albertdugba / customAppBar.dart

Created January 14, 2020 16:41 — forked from iamEtornam/customAppBar.dart

	Scaffold(
	appBar: AppBar(
	title: AutoSizeText('Doctors List'),
	bottom: PreferredSize(child: Row(children: <Widget>[
	customButton((){},Icons.filter,'Filter'),
	customButton((){},Icons.filter,'Filter'),
	customButton((){},Icons.filter,'Filter'),
	],), preferredSize: Size.fromHeight(70)),
	)
	);

albertdugba / customAppBar.dart

Created January 14, 2020 16:41 — forked from iamEtornam/customAppBar.dart

	Scaffold(
	appBar: AppBar(
	title: AutoSizeText('Doctors List'),
	bottom: PreferredSize(child: Row(children: <Widget>[
	customButton((){},Icons.filter,'Filter'),
	customButton((){},Icons.filter,'Filter'),
	customButton((){},Icons.filter,'Filter'),
	],), preferredSize: Size.fromHeight(70)),
	)
	);