André Martins fmartins-andre

You could define a ref, and then inside the object, make multiple subvalues based on the key of the child:

const ref = useRef({})

{array.map((item)=><div key={item.id} ref={ref.current[item.id] ??= { current: null }}>{item.id}</div>)}

Example: https://playcode.io/1096173

Another approach is callback refs:

To check what the real type of and variable, run this command:

  Object.prototype.toString.call(myVar)

It'll return something like [object Object]. The second word is the real type of the variable.

Some examples:

How to enable wayland screen sharing on chrome browsers

Firefox (84+) supports this method by default, while on Chromium (73+) one needs to enable WebRTC PipeWire support by setting the corresponding (experimental) flag at the URL chrome://flags/#enable-webrtc-pipewire-capturer.

This requires xdg-desktop-portal and one of its backends to be installed. The available backends are:

xdg-desktop-portal-gnome for GNOME.
xdg-desktop-portal-kde for KDE.
xdg-desktop-portal-wlr for wlroots-based Wayland compositors (e.g. Sway, dwl)

Import OpenVPN file to NetworkManager

tags: linux, gnome, networkManager, pkcs12, p12

reference: askubuntu

This article intends to be reference when importing a openvpn file to NetworkManager on linux

Save the files in a folder;
Import the .ovpn file with the following command:

Add font ligatures to the code editor:

install ttf-firacode-nerd font:
```
sudo pacman -S ttf-firacode-nerd
```
configure it in vscode. add the following line to the user settings.json file:
```
"editor.fontFamily": "Fira Code"
```

-#!/bin/bash
-echo 'Removing origins...'
-git remote prune origin
-BRANCHES=`git branch -vv | grep 'origin/.*: gone]' | awk '{print $1}'`
-if [[ `wc -l "$BRANCHES" 2>/dev/null` -gt 0 ]]; then
-        echo 'Removing branches:'
-        echo $BRANCHES

	#!/bin/bash

	lightMode="'prefer-light'"
	darkMode="'prefer-dark'"

	ligthTheme="'Adwaita'"
	darkTheme="'Adwaita-dark'"


	function toggleMode {

	import { DebouncedFunc } from "lodash"
	import debounce from "lodash.debounce"
	import { useMemo } from "react"

	export default function useDebouncedFn<T extends (...args: any[]) => void>(fn: T, wait?: number) {
	return useMemo(() =>(
	debounce((...args:any[]) => {fn(...args)}, wait ?? 300) as DebouncedFunc<T>
	), [fn, wait])
	}

	[user]
	signingkey = CASDF9879ASDF
	name = Me
	email = myemail@gmail.com
	[gpg]
	program = gpg
	[core]
	editor = vim
	[diff]
	tool = meld

	### reference: https://askubuntu.com/a/576507
	on=/usr/share/icons/Adwaita/48x48/status/microphone-sensitivity-high-symbolic.symbolic.png
	off=/usr/share/icons/Adwaita/48x48/status/microphone-disabled-symbolic.symbolic.png

	amixer set Capture toggle \
	&& amixer get Capture \| grep '\[off\]' \
	&& notify-send "Mic switched OFF" "Mic capture was disabled!" --icon=$off \
	\|\| notify-send "Mic switched ON" "Mic capture was enabled!" --icon=$on