I am about to create a component

My goal is, to disable photo upload on wall and profile for users who are not verified OR admin

ossn_com.php

<?php

function disablephoto_init(){
	ossn_extend_view("js/opensource.socialnetwork", "disablephoto/js");	
}
ossn_register_callback("ossn", "init", "disablephoto_init");

and my js.php file in plugins folder:

// Function to check if the user is verified
function isVerifiedUser(params) {
    if (params.user) {
        // Check if the user is an admin or marked as a verified user
        if (params.user.isAdmin() || (params.user.is_verified_user !== undefined && params.user.is_verified_user === true)) {
            return true; // User is verified
        }
    }
    return false; // User is not verified
}

// Check if the user is not verified and apply CSS rules
if (!isVerifiedUser(params)) {
    // Applying the first CSS rule
    var uploadPhotoElements = document.querySelectorAll(".upload-photo");
    for (var i = 0; i < uploadPhotoElements.length; i++) {
        uploadPhotoElements[i].style.display = "none";
    }

    // Applying the second CSS rule
    var ossnWallPhotoElements = document.querySelectorAll(".ossn-wall-container .controls .ossn-wall-photo");
    for (var j = 0; j < ossnWallPhotoElements.length; j++) {
        ossnWallPhotoElements[j].style.display = "none";
    }
}

But it is not working, can someone please help?