const addBookmarkBtn = document.getElementById("add-bookmark");
const bookmarkList = document.getElementById("bookmark-list");
const bookmarkNameInput = document.getElementById("bookmark-name");
const bookmarkUrlInput = document.getElementById("bookmark-url");
This file contains hidden or 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 { View, Text, TouchableOpacity, ScrollView } from "react-native"; | |
import { Image } from "expo-image"; | |
import { homeStyles } from "../assets/styles/home.styles"; | |
export default function CategoryFilter({ categories, selectedCategory, onSelectCategory }) { | |
return ( | |
<View style={homeStyles.categoryFilterContainer}> | |
<ScrollView | |
horizontal | |
showsHorizontalScrollIndicator={false} |
This file contains hidden or 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
// styles/auth.styles.js | |
import { StyleSheet } from "react-native"; | |
import { COLORS } from "../../constants/colors"; | |
export const styles = StyleSheet.create({ | |
container: { | |
flex: 1, | |
backgroundColor: COLORS.background, | |
padding: 20, | |
justifyContent: "center", |
This file contains hidden or 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 mongoose from "mongoose"; | |
const friendRequestSchema = new mongoose.Schema( | |
{ | |
sender: { | |
type: mongoose.Schema.Types.ObjectId, | |
ref: "User", | |
required: true, | |
}, | |
recipient: { |
This file contains hidden or 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
// FOREST | |
const COLORS = { | |
primary: "#4CAF50", | |
textPrimary: "#2e5a2e", | |
textSecondary: "#688f68", | |
textDark: "#1b361b", | |
placeholderText: "#767676", | |
background: "#e8f5e9", | |
cardBackground: "#f1f8f2", | |
inputBackground: "#f4faf5", |
This file contains hidden or 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
// styles/auth.styles.ts | |
import { COLORS } from "@/constants/theme"; | |
import { StyleSheet, Dimensions } from "react-native"; | |
const { width, height } = Dimensions.get("window"); | |
export const styles = StyleSheet.create({ | |
container: { | |
flex: 1, | |
backgroundColor: COLORS.background, |
This file contains hidden or 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
<> | |
<div className='absolute top-0 left-0 w-full h-full flex items-center justify-center bg-black bg-opacity-60'></div> | |
<div className='w-full sm:w-[450px] absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] flex justify-center items-center'> | |
<div className='relative w-full h-full mx-auto flex items-center justify-center'> | |
<div className='bg-white rounded-lg shadow relative w-full bg-gradient-to-b from-brand-orange to-slate-900 mx-6'> | |
<div className='flex justify-end p-2'> | |
<button | |
type='button' | |
className='bg-transparent rounded-lg text-sm p-1.5 ml-auto inline-flex items-center hover:bg-gray-800 hover:text-white text-white' | |
> |