Customize design in mobile

ArturoRejon · June 14, 2021, 3:49pm

Hi, community,

I can’t find a way to customize this design in mobile. Whenever we invite someone and this person opens it on the phone this screen is shown. I want to use corporative colors, change the order of the text and add some logos and images. How can I do it?

Thank you in advance

damencho · June 15, 2021, 11:02pm

github.com

jitsi/jitsi-meet/blob/master/react/features/deep-linking/components/DeepLinkingMobilePage.web.js

// @flow

import React, { Component } from 'react';
import type { Dispatch } from 'redux';

import { createDeepLinkingPageEvent, sendAnalytics } from '../../analytics';
import { isSupportedMobileBrowser } from '../../base/environment';
import { translate } from '../../base/i18n';
import { Platform } from '../../base/react';
import { connect } from '../../base/redux';
import { DialInSummary } from '../../invite';
import { openWebApp } from '../actions';
import { _TNS } from '../constants';
import { generateDeepLinkingURL } from '../functions';
import { renderPromotionalFooter } from '../renderPromotionalFooter';

declare var interfaceConfig: Object;

/**
 * The namespace of the CSS styles of DeepLinkingMobilePage.

This file has been truncated. show original

ArturoRejon · June 16, 2021, 3:23pm

Thank you; but I can’t find the file DeepLinkingMobilePage.web.js
I found app.bundle.min.js but of course, it’s kind of hard to work with it

damencho · June 16, 2021, 3:57pm

You need to work with the source code, app.bundle is the compiled source.