src/components/ViewAds.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import React, { useEffect, useState } from 'react';
import { ref, listAll, getDownloadURL } from 'firebase/storage';
import { storage } from '../firebase';

const ViewAds = () => {
  const [ads, setAds] = useState([]);

  useEffect(() => {
    const fetchAds = async () => {
      const adsRef = ref(storage, 'ads/');
      const adList = await listAll(adsRef);
      const adUrls = await Promise.all(adList.items.map((item) => getDownloadURL(item)));
      setAds(adUrls);
    };

    fetchAds();
  }, []);

  return (
    <div>
      <h2>View Ads</h2>
      <div>
        {ads.map((url, index) => (
          <div key={index}>
            <img src={url} alt={`Ad ${index + 1}`} style={{ maxWidth: '200px' }} />
          </div>
        ))}
      </div>
    </div>
  );
};

export default ViewAds;