Fix play icon hover

Author: jasonm23

bin/distribute

@@ -46,28 +46,34 @@ if [[ -z $tagname ]]; then
 fi
 
 if [[ $# != 1 ]]; then
-    cat <<EOF
-Usage: $0 <new-tagname>
+  usage
+    exit 5
+fi
 
-$FILES will be patched with the new tagname
+export newtag=$(tr ' ' '-' <<<$1) # spaces to dashes
+
+if [[ $(git tag --list) == *$newtag* ]]; then
+  cat <<EOF
+$newtag is already used:
+
+$(git show $newtag)
 EOF
-    exit 5
+  exit 8
 fi
 
 replace_tag_reference_in_file() {
     if [[ $# == 2 && -f $2 ]]; then
-	export newtag=$(tr ' ' '-' <<<$1) # spaces to dashes
-	sed -i'' "s/$tagname/$newtag/" $2
+      sed -i'' "s/$tagname/$newtag/" $2
+      export newtag=$(tr ' ' '-' <<<$1) # spaces to dashes
     else
-	usage "$(basename $0)" $tagname
-	echo "\nError: $2 file not found\n"
-	exit 6
+      echo "\nError: $2 file not found\n"
+      exit 6
     fi
 }
 
 for file in "${FILES[@]}"
 do
-replace_tag_reference_in_file $1 $file
+  replace_tag_reference_in_file $1 $file
 done
 
 git diff

src/components/downloaded/downloaded-file.tsx

@@ -26,12 +26,13 @@ export const DowloadedFile: React.FC<DowloadedFileProps> = (props) => {
   const { apiBase } = useApiBase()
   const { viewType } = useDownloaded()
 
-  const image = () => (
+  const Image = () => (
     <div
-      className="flex flex-col justify-center items-center relative gap-1 bg-black rounded-t-xl"
+      className="flex flex-col justify-center items-center relative gap-1 bg-black rounded-t-xl group"
       onClick={() => handlePlay(file.name)}>
       <div className={`absolute cursor-pointer opacity-10
-                       transition-opacity duration-500 hover:opacity-100
+                       group-hover:opacity-100
+                       transition-opacity duration-500
                        rounded-full bg-background/30
                        w-20 h-20 mb-[22px]
                        flex flex-row items-center justify-center`}>
@@ -97,12 +98,12 @@ export const DowloadedFile: React.FC<DowloadedFileProps> = (props) => {
     </LongPressButton>
   )
 
-const isGrid = viewType == 'grid'
-const isList = viewType == 'list'
+  const isGrid = viewType == 'grid'
+  const isList = viewType == 'list'
 
   return (
     <div className={isList ? listClasses : gridClasses}>
-      {isGrid && image()}
+      {isGrid && <Image />}
       <div
         className={isList ? listNameClasses : gridNameClasses}>
         {file.name}