Martin Ratinaud. Freelancer. martinratinaud
😀
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import classNames from 'classnames'; | |
| import usePwa from '../hooks/usePwa'; | |
| import { useTranslation } from 'modules/i18n'; // Make sure to import useTranslation | |
| type InstallPwaInstructionsProps = React.HTMLAttributes<HTMLDivElement> & { | |
| // TODO | |
| }; | |
| const InstallPwaInstructions: React.FC<InstallPwaInstructionsProps> = ({ className, ...props }) => { |
martinratinaud
/ autocompletion.png
Last active
September 12, 2023 06:18
usePublicRuntimeConfig hook for NextJs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Luhn algorithm to validate the SIRET number | |
| const luhnCheck = (num?: string) => { | |
| if (!num) { | |
| return false; | |
| } | |
| let arr = (num + '') | |
| .split('') | |
| .reverse() | |
| .map((x) => parseInt(x)); | |
| let lastDigit = arr.splice(0, 1)[0]; |
martinratinaud
/ GeoDataProvider.tsx
Created
June 15, 2023 11:00
GeoData provider and hook for React
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import type { AppProps } from 'next/app'; | |
| import React from 'react'; | |
| import { useToggle } from 'react-use'; | |
| export const GeoDataContext = React.createContext({ | |
| geoData: undefined as GeoData | undefined, | |
| }); | |
| export interface GeoData { | |
| ip: string; |
martinratinaud
/ page.tsx
Created
June 9, 2023 11:58
Floating CTA using `react-use` `useIntersection`
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import { useIntersection } from 'react-use'; | |
| const App = () => { | |
| const intersectionRef = React.useRef(null); | |
| const intersection = useIntersection(intersectionRef, { | |
| root: null, | |
| rootMargin: '0px', | |
| threshold: 1, |
martinratinaud
/ git_clone_gist.sh
Created
May 26, 2023 06:06
Clone Gist repo to a well named repository
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| git_clone_gist() { | |
| # The URL of the gist is the first argument to the script | |
| gist_url=$1 | |
| # Use the GitHub API to get the name of the first file in the gist | |
| gist_id=$(basename $gist_url) | |
| api_url="https://api.github.com/gists/$gist_id" | |
| json=$(curl -s $api_url) |
martinratinaud
/ followers-count-in-feed.gif
Last active
May 26, 2023 05:58
Tampermonkey to add followers and following directly in the feed and not have to hover to see it
martinratinaud
/ tampermonkey.js
Created
May 10, 2023 10:36
Add nb followers and following directly in Twitter feed
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name Twitter better list | |
| // @namespace http://tampermonkey.net/ | |
| // @version 0.1 | |
| // @description Add nb followers and following directly in feed | |
| // @author Martin Ratinaud | |
| // @match https://twitter.com/* | |
| // @grant none | |
| // ==/UserScript== |
martinratinaud
/ Analytics.tsx
Last active
May 10, 2023 14:15
Delay display of a component. Useful for scripts that male pageSpeed insights fail
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const NEXT_PUBLIC_GTM_ID = process.env.NEXT_PUBLIC_GTM_ID; | |
| const NEXT_PUBLIC_HOTJAR_ID = process.env.NEXT_PUBLIC_HOTJAR_ID; | |
| import React from 'react'; | |
| import Script from 'next/script'; | |
| import Delayed from 'modules/Common/components/Delayed'; | |
| export default function HeadTag() { | |
| return ( | |
| <> | |
| {NEXT_PUBLIC_GTM_ID && ( |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <style type="text/css"> | |
| .preheader { | |
| display: none; | |
| max-height: 0; | |
| overflow: hidden; | |
| visibility: hidden; | |
| font-size: 0; | |
| color: transparent; |
NewerOlder