From 790af0fb81cc7a2ece8795068c0b18925f4ecec4 Mon Sep 17 00:00:00 2001
From: FilipZajdel <filip.zajdel@nordicsemi.no>
Date: Fri, 17 Jan 2025 16:01:12 +0100
Subject: [PATCH] show padlock on the app`s block

---
 site/src/app/AppBlock.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/site/src/app/AppBlock.tsx b/site/src/app/AppBlock.tsx
index 51b0d87..59e9594 100644
--- a/site/src/app/AppBlock.tsx
+++ b/site/src/app/AppBlock.tsx
@@ -18,6 +18,7 @@ import {
     TerminalIcon,
     VerifiedIcon,
     BookIcon,
+    LockIcon,
 } from '@primer/octicons-react';
 
 import { useState } from 'react';
@@ -59,6 +60,11 @@ function AppBlock({ app, setShowingAppDetails }: Props): JSX.Element {
                             <a href={app.repo} target="_blank" title="Visit Website">
                                 <LinkExternalIcon className="hoverable-icon" size={20} />
                             </a>
+                            {app.restricted && 
+                                <div title="This addon requires additional permissions.">
+                                    <LockIcon className="hoverable-icon" size={20}/>
+                                </div>
+                            }
                         </div>
 
                         <div className="hidden items-center gap-2 md:flex">