codyseibert / youtube Goto Github PK

Contributors

Stargazers

Forkers

haar23 omkar18 heythereauni wchopite riskerman21 stevencschoi oliver-za manish007700 dheeram souptikgithub1 caleb2345 lvegh tulaneadam imane860 tomziol brianartea thezeeman julfikar-haidar hugolpa minqiz thisisgazzar hamzakazmi uchihabeats 23subbhashit pt-oscar iadiabagate1s amanpreet321 citysiva180 sharonzissu perryperry46 sumitmishra97 japsancha capegeek omar-chaouachi felipepaulino ganeshmandapati sooraj13r andrewriveradev ashrafali46 jaures-kano valyt gerardoriot hibtmimi risjha lipikadua trthanhson253 lancekaufman chichao89 zetzher arushilpv yuniordev dzulfiqaryusuf jaijur trideep-sardar turan-a nhanloveyou priyanshu-kun grubba27 samanwoysaha judylime kickokick syedmuqeem shellipov tk-braincodes rahulsawlani22 guilhermereis1 ssonawane511 ferujahammed osamajandali bilal-rizwaan sakshijain16 nourlouhichi codebluff mayankkumar10 nikhil135 billyhelm evanepperson chunnybunny guilhermedonada guillaume-louis-reboot srsongirkar obaidullahsafi bugpie54 jestov jsnik humanleung vivekbhore123 trungduc9998 gs76lee mahnueldev rami-pro ibrahim-999 mefedo1ov capre15 davidbone4 sahilpabale ezcodesolution konarkjha simp-a11y ibra987654321

export const getSigns = () => {
return fetch(
      "http://sandipbgt.com/theastrologer/api/sunsigns/"
      ).then((response) => response.json());
};

export const getHoroscope = (sign, timeframe) => {
  return fetch(
    'https://sandipbgt.com/theastrologer/api/horoscope/${sign}/${timeframe}/'
  )
  .then((response) => response.json())
  .then(({horoscope}) => horoscope);
};

import { useEffect, useState } from "react";
import { getHoroscope } from '../services/api';

export const Horoscope = ({sign, timeframe}) => {
    const [horoscope, setHoroscope] = useState([]);

    useEffect(() => {
        getHoroscope(sign, timeframe).then(setHoroscope);
    }, [sign, timeframe]);

    return (
        <div>
            <h2>
                {timeframe}, your horoscope for {sign} is...
            </h2>
            <p>{horoscope}</p>
        </div>
    );    
};