add referral code to embed links

ui/component/embedTextArea/view.jsx

@@ -13,14 +13,15 @@ type Props = {
   claim: Claim,
   includeStartTime: boolean,
   startTime: number,
+  referralCode: ?string,
 };
 
 export default function EmbedTextArea(props: Props) {
-  const { doToast, snackMessage, label, claim, includeStartTime, startTime } = props;
+  const { doToast, snackMessage, label, claim, includeStartTime, startTime, referralCode } = props;
   const { claim_id: claimId, name } = claim;
   const input = useRef();
 
-  const streamUrl = generateEmbedUrl(name, claimId, includeStartTime, startTime);
+  const streamUrl = generateEmbedUrl(name, claimId, includeStartTime, startTime, referralCode);
   let embedText = `<iframe id="lbry-iframe" width="560" height="315" src="${streamUrl}" allowfullscreen></iframe>`;
 
   function copyToClipboard() {

ui/component/socialShare/view.jsx

@@ -162,6 +162,7 @@ function SocialShare(props: Props) {
           claim={claim}
           includeStartTime={includeStartTime}
           startTime={startTimeSeconds}
+          referralCode={referralCode}
         />
       )}
       {showClaimLinks && (

ui/util/web.js

@@ -6,9 +6,17 @@ function generateStreamUrl(claimName, claimId) {
   return `${LBRY_WEB_STREAMING_API}/content/claims/${claimName}/${claimId}/stream`;
 }
 
-function generateEmbedUrl(claimName, claimId, includeStartTime, startTime) {
-  const queryParam = includeStartTime ? `?t=${startTime}` : '';
-  return `${URL}/$/embed/${claimName}/${claimId}${queryParam}`;
+function generateEmbedUrl(claimName, claimId, includeStartTime, startTime, referralLink) {
+  let urlParams = new URLSearchParams();
+  if (includeStartTime && startTime) {
+    urlParams.append('t', startTime);
+  }
+
+  if (referralLink) {
+    urlParams.append('r', referralLink);
+  }
+
+  return `${URL}/$/embed/${claimName}/${claimId}?${urlParams.toString()}`;
 }
 
 function generateDownloadUrl(claimName, claimId) {