ipfs-search/dweb-search-frontend

import { ref, computed } from "vue";
import { useRoute } from "vue-router";

import { playlistVisible, audioPlayer, audioDetailPopup } from "@/composables/audioControls";
import { useDisplay } from "vuetify";

export const _footerVisible = ref(true);
const hideFooter = () => {
  _footerVisible.value = false;
};

export const useFooter = () => {
  const route = useRoute();
  const { height } = useDisplay();

  const footerVisible = computed(() => {
    if (
      audioPlayer.value.file ||
      playlistVisible.value ||
      audioDetailPopup.value ||
      height.value < 600
    )
      return false;
    if (route.name === "Home") return true;
    return _footerVisible.value && route.name === "Search";
  });

  const adjustFooterPadding = computed(() => {
    if (audioPlayer.value.file) return "100px";
    if (footerVisible.value) return "120px";
    return "0px";
  });

  return {
    footerVisible,
    hideFooter,
    adjustFooterPadding,
  };
};