| 1 |
- {"version":3,"file":"92799.js","mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNA;AAA0B;AAM1B,MAAMC,WAAW,GAAoB,CAAC,EAAEC,EAAE,GAAE,iBAAK,iBAACC,MAAI;QAACC,SAAS,EAAC,IAAI;kBAAEF,EAAE,CAACG,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;MAAQ;AAElG,2DAAeJ,WAAW,EAAC;;;ACR3B;AAA0B;AAEU;AAEoB;AAEI;IAErD,gBAKN;UALWO,gBAAgB;IAAhBA,gBAAgB,CAC1BC,OAAK,IAAG,OAAO;IADLD,gBAAgB,CAE1BE,QAAM,IAAG,QAAQ;IAFPF,gBAAgB,CAG1BG,OAAK,IAAG,OAAO;IAHLH,gBAAgB,CAI1BI,MAAI,IAAG,MAAM;GAJHJ,gBAAgB,KAAhBA,gBAAgB;AAc5B,MAAMK,aAAa,GAAoB,CAAC,EACtCC,SAAS,GACTC,IAAI,EAAGP,gBAAgB,CAACE,MAAM,GAC9BM,cAAc,EAAG,IAAI,KACtB,iBACC,sBAACb,MAAI;QACHc,SAAS,EAAEX,6BAAU,CAACC,qDAAoB,EAAE;YAC1C,CAACA,0DAAyB,CAAC,EAAEQ,IAAI,KAAKP,gBAAgB,CAACC,KAAK;YAC5D,CAACF,0DAAyB,CAAC,EAAEQ,IAAI,KAAKP,gBAAgB,CAACG,KAAK;YAC5D,CAACJ,yDAAwB,CAAC,EAAEQ,IAAI,KAAKP,gBAAgB,CAACI,IAAI;SAC3D,CAAC;;0BAEF,iBAACX,oBAAW;gBAACC,EAAE,EAAEY,SAAS;cAAI;YAC7BE,cAAc,kBAAI,iBAACf,oBAAW;gBAACC,EAAE,EAAC,OAAO;cAAG;;MACxC;AAGT,2DAAeW,aAAa,EAAC","sources":["webpack://quran.com/./src/components/chapters/ChapterIcon/ChapterIconContainer.module.scss","webpack://quran.com/./src/components/chapters/ChapterIcon/index.tsx","webpack://quran.com/./src/components/chapters/ChapterIcon/ChapterIconContainer.tsx"],"sourcesContent":["// Exports\nmodule.exports = {\n\t\"iconContainer\": \"ChapterIconContainer_iconContainer__5umYV\",\n\t\"iconContainerSmall\": \"ChapterIconContainer_iconContainerSmall__gvmyy\",\n\t\"iconContainerLarge\": \"ChapterIconContainer_iconContainerLarge__z49r_\",\n\t\"iconContainerMega\": \"ChapterIconContainer_iconContainerMega__rKWtt\"\n};\n","import React from 'react';\n\ninterface Props {\n id?: string;\n}\n\nconst ChapterIcon: React.FC<Props> = ({ id }) => <span translate=\"no\">{id.padStart(3, '0')}</span>;\n\nexport default ChapterIcon;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './ChapterIconContainer.module.scss';\n\nimport ChapterIcon from '@/components/chapters/ChapterIcon';\n\nexport enum ChapterIconsSize {\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n Mega = 'mega',\n}\n\n// TODO: maybe replace `hasSurahPrefix` with `variant` and use it to show v1 or v2 surah name font\ninterface Props {\n chapterId: string;\n size?: ChapterIconsSize;\n hasSurahPrefix?: boolean;\n}\n\nconst IconContainer: React.FC<Props> = ({\n chapterId,\n size = ChapterIconsSize.Medium,\n hasSurahPrefix = true,\n}) => (\n <span\n className={classNames(styles.iconContainer, {\n [styles.iconContainerSmall]: size === ChapterIconsSize.Small,\n [styles.iconContainerLarge]: size === ChapterIconsSize.Large,\n [styles.iconContainerMega]: size === ChapterIconsSize.Mega,\n })}\n >\n <ChapterIcon id={chapterId} />\n {hasSurahPrefix && <ChapterIcon id=\"surah\" />}\n </span>\n);\n\nexport default IconContainer;\n"],"names":["React","ChapterIcon","id","span","translate","padStart","classNames","styles","ChapterIconsSize","Small","Medium","Large","Mega","IconContainer","chapterId","size","hasSurahPrefix","className","iconContainer","iconContainerSmall","iconContainerLarge","iconContainerMega"],"sourceRoot":""}
|
