From e71e0c5ef15eaf9908246a68655034b21ea0dbe2 Mon Sep 17 00:00:00 2001
From: Bharat <bharatkalluri@protonmail.com>
Date: Thu, 1 Apr 2021 18:56:42 +0530
Subject: [PATCH] Added URL as a property on the frontend

---
 webapp/src/components/propertyValueElement.tsx | 7 ++++++-
 webapp/src/widgets/propertyMenu.tsx            | 5 +++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/propertyValueElement.tsx b/webapp/src/components/propertyValueElement.tsx
index 5267fe73e..e0ef115b5 100644
--- a/webapp/src/components/propertyValueElement.tsx
+++ b/webapp/src/components/propertyValueElement.tsx
@@ -75,7 +75,12 @@ const PropertyValueElement = (props:Props): JSX.Element => {
         )
     }
 
-    if (propertyTemplate.type === 'text' || propertyTemplate.type === 'number' || propertyTemplate.type === 'email') {
+    if (
+        propertyTemplate.type === 'text' ||
+        propertyTemplate.type === 'number' ||
+        propertyTemplate.type === 'email' ||
+        propertyTemplate.type === 'url'
+    ) {
         if (!readOnly) {
             return (
                 <Editable
diff --git a/webapp/src/widgets/propertyMenu.tsx b/webapp/src/widgets/propertyMenu.tsx
index 50c2bf85c..fdaa74408 100644
--- a/webapp/src/widgets/propertyMenu.tsx
+++ b/webapp/src/widgets/propertyMenu.tsx
@@ -103,6 +103,11 @@ const PropertyMenu = React.memo((props: Props) => {
                     name={typeDisplayName(intl, 'email')}
                     onClick={() => props.onTypeChanged('email')}
                 />
+                <Menu.Text
+                    id='url'
+                    name={typeDisplayName(intl, 'url')}
+                    onClick={() => props.onTypeChanged('url')}
+                />
                 <Menu.Text
                     id='select'
                     name={typeDisplayName(intl, 'select')}