Skip to content
Snippets Groups Projects
Select Git revision
  • 3e33084d8f2541ab1489f04bc9a41c8c64613d4c
  • main default protected
  • React-Branch
3 results

source.js

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    source.js 1.80 KiB
    import React from 'react';
    import { useTranslation } from 'react-i18next';
    import i18next from '../i18next';
    
    export default function Source(props) {
        // Add the translation data from the backend
        if (props.Data !== "") {
        const norsk = props.Data.no
        const english = props.Data.en
        i18next.addResources('en', 'translation', english);
        i18next.addResources('no', 'translation', norsk);
        }
    
        const { t } = useTranslation();
        // If the input is empty return an empty box
    if (props.Data === "") {
        return(
            <div className='bg-white border-2 m-2 border-gray-400 rounded-lg p-1 text-left'>
                <div className='flex'>
                    <div className='border-r-2 grid place-items-center pr-1'>
                        <div className={`rounded-full bg-white w-10 h-10`}></div>
                    </div>
                    <div className="p-1"> 
                        <br></br>
                        <br></br>
                    </div>
                </div>
                <div className="">
                    <br></br>
                    <br></br>
                </div>   
            </div>
        )
    } else {
        return (
            <div className='bg-white border-2 m-2 border-gray-400 rounded-lg p-1 text-left'>
                <div className='flex'>
                    <div className='border-r-2 grid place-items-center pr-1'>
                        <div className={`rounded-full ${props.BG} w-10 h-10`}></div>
                    </div>
                    <div className="p-1"> 
                        <h1 className='font-bold'>{t("source")} {props.Data.sourceName}</h1>
                        <p>{t("assessment")} {t("status")}</p>
                    </div>
                </div>
                <div className="">
                    <p>Tags: {props.Data.en.tags}</p>
                    <p>{t("shortForm")} {t("content")}</p>
                </div>   
            </div>
        );
    }
        
    }