From 649d6630173b34897ff9d992d2883da55f84ea9e Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Wed, 8 May 2024 17:18:57 +1000
Subject: [PATCH] disable edit and share buttons on downloaded themes

---
 src/interface/components/ThemeCover.tsx | 10 +++++++---
 src/interface/types/CustomThemes.ts     |  1 +
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/interface/components/ThemeCover.tsx b/src/interface/components/ThemeCover.tsx
index 335e1189..a06955b0 100644
--- a/src/interface/components/ThemeCover.tsx
+++ b/src/interface/components/ThemeCover.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { CustomTheme, DownloadedTheme } from '../types/CustomThemes';
 import browser from 'webextension-polyfill';
 import { ArrowUpOnSquareIcon, PencilIcon } from '@heroicons/react/24/outline';
@@ -52,6 +52,10 @@ export const ThemeCover: React.FC<ThemeCoverProps> = ({
     });
   };
 
+  useEffect(() => {
+    console.log(!theme.webURL);
+  });
+  
   return (
     <button
       className={`relative group w-full aspect-theme flex justify-center items-center rounded-xl transition ring dark:ring-white ring-zinc-300 ${
@@ -68,7 +72,7 @@ export const ThemeCover: React.FC<ThemeCoverProps> = ({
         </div>
       )}
       
-      { isEditMode || !downloaded &&
+      { ( !isEditMode ) && !downloaded && !theme.webURL ? (
       <>
         <div
           className="absolute z-20 flex w-8 h-8 p-2 text-white transition-all rounded-full delay-[20ms] opacity-0 top-1 right-2 bg-black/50 place-items-center group-hover:opacity-100 group-hover:top-[1.25rem]"
@@ -84,7 +88,7 @@ export const ThemeCover: React.FC<ThemeCoverProps> = ({
           {uploading ? <LoadingSpinner size={16} /> : <ArrowUpOnSquareIcon className="w-4 h-4" />}
         </div>
       </>
-      }
+      ) : null}
 
       <div className="relative top-0 z-10 flex justify-center w-full h-full overflow-hidden transition dark:text-white rounded-xl group place-items-center bg-zinc-100 dark:bg-zinc-900">
         {theme.coverImage &&
diff --git a/src/interface/types/CustomThemes.ts b/src/interface/types/CustomThemes.ts
index abf73a21..69d6d134 100644
--- a/src/interface/types/CustomThemes.ts
+++ b/src/interface/types/CustomThemes.ts
@@ -10,6 +10,7 @@ export type CustomTheme = {
   coverImage: Blob | string | null;
   isEditable: boolean;
   hideThemeName: boolean;
+  webURL?: string;
 }
 
 export type DownloadedTheme = CustomTheme & {