Skip to content

Instantly share code, notes, and snippets.

View stephyswe's full-sized avatar
👋
not busy

Stephanie stephyswe

👋
not busy
  • Sweden, Gothenburg
View GitHub Profile
~/complete-notion$ ruby -v
ruby 2.5.1p57 (2018-03-29 revision 63029) [x86_64-linux]
~/complete-notion$ gem env
/home/students/.rbenv/versions/2.5.1/lib/ruby/2.5.0/rubygems/commands/environment_command.rb:154: warning: Insecure world writable dir /mnt/c in PATH, mode 040777
RubyGems Environment:
- RUBYGEMS VERSION: 2.7.6
- RUBY VERSION: 2.5.1 (2018-03-29 patchlevel 57) [x86_64-linux]
- INSTALLATION DIRECTORY: /home/students/.rbenv/versions/2.5.1/lib/ruby/gems/2.5.0
- USER INSTALLATION DIRECTORY: /home/students/.gem/ruby/2.5.0
- RUBY EXECUTABLE: /home/students/.rbenv/versions/2.5.1/bin/ruby
~/complete-notion$ bin/rails server
Warning: the running version of Bundler (2.1.2) is older than the version that created the lockfile (2.2.18). We suggest you to upgrade to the version that created the lockfile by running `gem install bundler:2.2.18`.
Could not find pg-1.2.3 in any of the sources
Run `bundle install` to install missing gems.
source: https://github.com/brandonfang/lilnotion/tree/ad36f85f9856af09e08478b71a8cefed936db0bc
im using rbenv:
~/complete-notion$ rbenv versions
* system (set by /home/students/.rbenv/version)
@stephyswe
stephyswe / terminal.js
Created September 26, 2023 13:04
full terminal code
Microsoft Windows [Version 10.0.19045.3448]
(c) Microsoft Corporation. All rights reserved.
D:\dev\sept\airbnb-v3-amplication\public>yarn
yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > react-date-range@1.4.0" has unmet peer dependency "date-fns@2.0.0-alpha.7 || >=2.0.0".
[4/4] Building fresh packages...
@stephyswe
stephyswe / form.tsx
Created July 2, 2023 13:12
form n wrapper
/* import * as LabelPrimitive from "@radix-ui/react-label";
import { Slot } from "@radix-ui/react-slot";
import * as React from "react";
import {
Controller,
ControllerProps,
FieldPath,
FieldValues,
FormProvider,
} from "react-hook-form";
@stephyswe
stephyswe / settings.json
Last active July 2, 2023 09:25
vscode settings
{
"debug.javascript.defaultRuntimeExecutable": {
"pwa-node": "node"
},
"diffEditor.ignoreTrimWhitespace": false,
"editor.codeActionsOnSave": {
"source.removeUnusedImports": true
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
@stephyswe
stephyswe / vscode-extentions.txt
Last active July 2, 2023 08:15
All extentions
aaron-bond.better-comments
alefragnani.project-manager
alexkrechik.cucumberautocomplete
AlSiam.altheme
artlaman.chalice-icon-theme
auchenberg.vscode-browser-preview
austenc.tailwind-docs
benjaminbenais.copilot-theme
bierner.github-markdown-preview
bierner.markdown-checkbox
@stephyswe
stephyswe / dialog.tsx
Last active July 2, 2023 06:27
two files, dialog.tsx (parent), modal.tsx (child)
import * as DialogPrimitive from "@radix-ui/react-dialog";
import * as React from "react";
import { cn } from "@/lib/utils";
const defaultClasses = {
overlay:
"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
content:
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
@stephyswe
stephyswe / PlayerContent.tsx
Created June 12, 2023 16:08
PlayerContent, (upd) only update sound when thumb is inactive
"use client";
import { useEffect, useRef, useState } from "react";
import { AiFillStepBackward, AiFillStepForward } from "react-icons/ai";
import { BsPauseFill, BsPlayFill } from "react-icons/bs";
import { HiSpeakerWave, HiSpeakerXMark } from "react-icons/hi2";
import useSound from "use-sound";
import Slider from "@/components/Slider";
import SliderTrack from "@/components/SliderTrack";
@stephyswe
stephyswe / SliderTrack.tsx
Created June 12, 2023 15:31
SliderTrack.tsx - works fine
"use client";
import * as RadixSlider from "@radix-ui/react-slider";
interface SlideProps {
value?: number;
onChange?: (value: number) => void;
max?: number;
}
@stephyswe
stephyswe / Slider.tsx
Last active June 12, 2023 15:32
spotify design
"use client";
import * as RadixSlider from "@radix-ui/react-slider";
interface SlideProps {
value?: number;
onChange?: (value: number) => void;
max?: number;
}